Heure de début et de fin à l'aide de jquery

Question

Je dois entrer la date de début, l'heure de début, la date de fin et l'heure de fin dans mon application asp.net MVC. les champs de date sont des zones de texte et les champs de temps sont déroulants.

Comment puis-je remplir les listes déroulantes à l'aide de jquery?

Aussi je dois limiter l'utilisateur pour sélectionner les périodes de temps invalides. Par exemple: lorsque l'utilisateur sélectionne 09:00 dans la liste déroulante de l'heure de début, l'heure de fin ne doit pas être 08:00 du même jour. , c'est-à-dire que l'utilisateur ne doit pas sélectionner l'heure de fin inférieure à l'heure de début.

Answer 1

Vous pouvez utiliser seulement pour l'entrée textboxes de temps et combiner avec le jQuery Mask plugin (ie, « 99:99 ») et un custom regex validator en utilisant le plugin this jQuery Validator. Le validateur personnalisé s'assure non seulement que la valeur donnée pour les heures est valide, mais que l'heure de fin est supérieure à l'heure de début (si vous utilisez 24 heures, c'est beaucoup plus facile).

Answer 2

Pour les dates cueillette vous pouvez essayer d'utiliser Date Range picker