jQuery Girl
  1. jQuery Girl
  3. Comment valider datepicker pour interdire / rejeter certaines dates?
Intereting Posts
dans JQuery comment exécuter du code avec rappel avant de soumettre Changer l’index sélectionné en utilisant jquery Comment append un espace réservé à jQuery Tokeninput? JQuery Mobile – Meilleures pratiques de connexion utilisateur JQUERY: redimensionner div en largeur de fenêtre Pouvons-nous appeler la fonctionnalité de partage natif du téléphone intelligent avec jquery? La largeur de l’en-tête jqGrid est différente de la largeur de la colonne de données Gestionnaire de mise en page jQuery JQuery Mobile – changez la sensibilité du taphold Quels sont les inconvénients de l’utilisation d’un appel ajax synchrone? Construire Json pour les graphiques à barres JqPlot Boucle d’événements focusout Défilement automatique du contenu dans un débordement: aucun élément (jQuery) JQuery – Ajout à la sérialisation Draggable Revert si en dehors de cette div et à l’intérieur d’autres draggables (en utilisant à la fois les options revirement invalides et valides)

Comment valider datepicker pour interdire / rejeter certaines dates?

J’ai ce contrôle de calendrier que j’utilise. Un utilisateur peut sélectionner n’importe quelle date du calendrier. Je dois valider les dates comme samedi et dimanche et les 1/1 et 1/25. S’ils sélectionnent ces jours, je dois leur montrer un message Popup si ce n’est pas une date valide.

Essaye ça: 

$("input[id^='Date-<%=Model.ID%>']").change(function() { var date = new Date($(this).val()).getDay(); if(date == 0 || date == 6) { alert('weekend'); } });

Ceci est mis en place avec un événement change . Votre événement peut être différent.

Il obtient la valeur de l’entrée: $(this).val()

Crée un nouvel object Date : new Date($(this).val())

Ensuite, nous .getDay() numéro du jour: .getDay() qui renvoie une valeur .getDay() entre 0 et 6, 0 étant dimanche et 6 samedi.

Ensuite, vous venez de tester pour 0 ou 6.

Exemple en direct: http://jsfiddle.net/UwcLf/

EDIT: Avec l’aimable autorisation de Nick Craver , vous pouvez désactiver certains jours si vous n’avez pas besoin d’exécuter du code de remplacement pour les sélections de week-end.

De la réponse liée de Nick: Désactiver certains jours de la semaine sur l’interface utilisateur de jQuery datepicker 

 $("input[id^='Date-<%=Model.ID%>']").datepicker({ beforeShowDay: function(date) { var day = date.getDay(); return [(day != 0 && day != 6)]; } })​​​​​;​

Exemple mis à jour: http://jsfiddle.net/UwcLf/1/

Tableau ajouté pour les jours désactivés: http://jsfiddle.net/UwcLf/3/

Si vous utilisez DatePicker de l’interface utilisateur JQUery, il existe un événement onSelect, vous pouvez l’utiliser pour valider la date sélectionnée.

Je ne connais pas votre back-end, ou si vous en utilisez un, mais vous pouvez toujours envoyer la date sélectionnée à votre serveur via un appel Ajax et déterminer si elle est valide ou non.

Consultez les validateurs personnalisés si vous utilisez ASP.Net.