2016-03-26 16 views
1

Ich habe die folgende jQuery, die mir das aktuelle Datum gibt und das Enddatum 7 Tage ab dem ausgewählten Datum füllt. Ich möchte, dass der Benutzer nur Montagen vom Datepicker auswählen kann. Kann dies so gemacht werden, wie ich meinen Code habe?jQuery Datumsauswahl, um nur montags auszuwählen

$(document).ready(function() { 

     $("#WeekCommencing").datepicker({ 
      dateFormat: "dd-M-yy", 
      minDate: 0, 
      // MondayOnly: function(date){ return[(date.getDate() == 1),""];}, 
      onSelect: function (date) { 
       var date2 = $('#WeekCommencing').datepicker('getDate'); 
       date2.setDate(date2.getDate() + 7); 
       $('#WeekEnding').datepicker('setDate', date2); 
       //sets minDate to dt1 date + 1 
       $('#WeekEnding').datepicker('option', 'minDate', date2); 
      } 
     }); 
     $('#WeekEnding').datepicker({ 
      dateFormat: "dd-M-yy", 
      onClose: function() { 
       var dt1 = $('#WeekCommencing').datepicker('getDate'); 
       console.log(dt1); 
       var dt2 = $('#WeekEnding').datepicker('getDate'); 
       if (dt2 <= dt1) { 
        var minDate = $('#WeekEnding').datepicker('option', 'minDate'); 
        $('#WeekEnding').datepicker('setDate', minDate); 
       } 
      } 
     }); 
    }); 

Antwort

2

Sie sollten als Funktion Name beforeShowDay

beforeShowDay : function(date){ return[(date.getDay() == 1),""];}, //Monday Only Function 

und das sollte funktionieren.

+0

Danke @Rahul Ich habe meine Codezeile 'MondayOnly: function (date) {return [(date.getDate() == 1)," "];},' mit Ihrem Vorschlag ersetzt, aber jetzt hat der datepicker keine Tage bei allem, was ich wählen kann http://prntscr.com/akcb0g – markabarmi

+0

Mein schlechtes. Es sollte "date.getDay()" nicht "date.getDate()" sein. Siehe die aktualisierte Antwort. –

+0

cool funktioniert jetzt :) Danke @Rahul – markabarmi

Verwandte Themen