2010-06-03 9 views
19

Possible en double:
Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?jours spécifiques Désactiver de la semaine sur datepicker jQuery UI

Je voudrais désactiver certains jours comme tous les lundis ou tous les mardis ou tous les lundis, jeudi vendredi , etc. sur une datepicker jQuery UI.

J'ai essayé de jouer avec beforeShowDay, mais cela nécessite une date spécifique. Je veux juste désactiver un jour entier de la semaine.

Mise à jour: Merci pour les solutions suggérées, mais elles fonctionnent toutes pour des dates spécifiques. Et si je voulais désactiver chaque lundi et mardi pour l'année entière? Comment ferais-je cela?

Répondre

50

Vous pouvez ue la beforeShowDate option du datepicker combiné avec Date.getDay() pour faire ce que vous voulez, comme ceci:

​$("#datepicker").datepicker({ 
    beforeShowDay: function(date) { 
     var day = date.getDay(); 
     return [(day != 1 && day != 2)]; 
    } 
})​​​​​;​ 

You can see a working demo here, cela prend juste la date, vérifie si elle est un lundi (1) ou mardi (2) et renvoie false pour la première entrée de tableau si c'est le cas.

+0

Merci. Cela fonctionne bien. – Amir

+0

Comment cela peut-il être modifié et être utilisé avec des cases à cocher? Par exemple, l'utilisateur aura une option de 7 cases à cocher - une pour chaque jour de la semaine avec des valeurs pour les jours correspondants, et si l'utilisateur vérifie juste lundi, puis clique sur le champ datepicker, pour afficher les lundis seulement, et s'ils choisissent/add/check more, alors plus de jours seront activés dans datepicker? – Xander

+0

@Xander regarder à ce http://codepen.io/anon/pen/XmQrPY –

Questions connexes