9
votes

JQuery DatePicker: Restreindre la sélection de la date basée sur la journée de la semaine

est-il possible de modifier JQuery UI DatePicker pour permettre aux utilisateurs de choisir, par exemple, par exemple, le lundi?


1 commentaires

regarde ça. Stackoverflow.com/questions/501943/...


5 Réponses :


1
votes

Oui, similaire à ceci:

$("#datepicker").datepicker({ beforeShowDay: $.datepicker.noWeekends });


0 commentaires

0
votes

La manière la plus simple que je connaisse: xxx


0 commentaires

15
votes

Vous allez ici: les lundis ne sont pas sélectionnables: xxx

Exemple de fonctionnement Vous pouvez jouer ici: http://jsfiddle.net/rayz5/19/ .

Documentation API: http://docs.jquerery.com/ui/datepicker#event-beforeshowday


0 commentaires

8
votes

Les messages précédents étaient exactement corrects. mais plus spécifiquement en ce qui concerne uniquement les lundis: xxx


0 commentaires

1
votes

Si vous voulez une solution très flexible forte> et désactivez la date de la date à laquelle vous souhaitez accrocher une période donnée, vous pouvez effectuer ce qui suit:

dt_str strong> va Soyez les dates que vous souhaitez désactiver. Vous pouvez le structurer à l'aide de PHP par exemple et récupérer vos dates d'une base de données. P>

Lorsque le DOM est chargé, les désinformations () obtenez-les appelées et la magie se produit. P>

var avDays = <?php echo $dt_str ?>;

<script type='text/javascript'>

 $(document).ready(
    function(){
        // Datepicker
        $('.datepicker_event').datepicker(
        {
            inline: true,
            numberOfMonths: 2,
            beforeShowDay: disableDates 
        });
    }
)   

function disableDates(date) {

    var isAvailable = false ;

   // Find the days to deactivate
    if (avDays != null) {
        for (i = 0; i < avDays.length; i++) {
          if (date.getMonth() == avDays[i][0] - 1 && date.getDate() == avDays[i][1] && date.getFullYear() == avDays[i][2]) {
            isAvailable = true;
          }
        }
    }   

    if (isAvailable)  return [true, 'av_day'] ;
    else return [false, ''];
}

</script>


0 commentaires