0
votes

Comment éviter de taper des alphabets dans le champ de sélecteur de date?

Comment éviter de taper des alphabets dans le champ de sélecteur de date?

I'am utiliser bsdatePicker

i utilisé type = "numéro", mais je n'ai pas pu sélectionner cette avertissement et je ne pouvais pas sélectionner la date < / p> xxx


1 commentaires

utiliser une expression régulière


5 Réponses :


0
votes

Utiliser la méthode d'EventPress EventDefault () pour annuler l'événement KeyPress.

Essayez ceci: strong> p>

<div class="col-xs-12 col-12 col-md-4 form-group">
    <input readonly
     type="text"
           placeholder="Datepicker"
           class="form-control"
           bsDatepicker>
  </div>


4 commentaires

Merci..it fonctionne bien !!!, mais je ne pouvais pas supprimer la date sélectionnée


Ensuite, essayez l'événement KeyPress


L'événement KeyPress ne fonctionnera pas sur tous les événements Vérifiez cela pour plus d'informations: w3schools.com/jscref/event_onkeypress. ASP


Correction de mon problème !! Merci!!



0
votes

Vous pouvez essayer cet événement de porte-clés sur votre entrée comme suit:

<input onkeyup="this.value=this.value.replace(/[^\d]/,'')" >


0 commentaires

0
votes

Vous pouvez utiliser un motif dans votre champ d'entrée au lieu de type = "numéro"

EG:

En outre, si vous attribuez la valeur à cette entrée à partir d'un sélecteur de date, effectuez ce champ d'entrée lisonly


0 commentaires

1
votes

Vous ne définissez pas au type de numéro, vous pouvez simplement définir comme: xxx

dans votre fichier .TS

Définissez ci-dessous le code .html xxx

n'oubliez pas d'ajouter une balise réadonnée dans votre texte d'entrée.


2 commentaires

Merci..it fonctionne bien !!!, mais je ne pouvais pas supprimer la date sélectionnée


J'ai utilisé Radionly, donc ne peut pas utiliser la fonctionnalité de Supprimer, mais vous pouvez utiliser une erreur de validation lorsque l'utilisateur entrait un alphabhet dans le champ de texte.



0
votes

Il suffit d'utiliser la date de type pour résoudre votre problème: xxx

Voici un exemple


1 commentaires

La valeur spécifiée "02/24/2020" n'est pas conforme au format requis "AAAA-MM-DD". -> Obtenir cet avertissement