2016-03-26 111 views
1

我有以下jQuery,它給了我當前的日期,並從選定的日期填充了7天的enddate。我希望用戶只能從日期選擇器中選擇星期一。這可以通過我的代碼完成嗎?jQuery日期選擇器只選擇星期一

$(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); 
       } 
      } 
     }); 
    }); 

回答

2

您應該添加的功能名稱beforeShowDay

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

,並應工作。

+0

Thanks @Rahul我用你的建議替換了我的代碼行'MondayOnly:function(date){return [(date.getDate()== 1),「」];},'但是現在日期選擇器沒有天盡我所能,可以選擇http://prntscr.com/akcb0g – markabarmi

+0

我的不好。它應該是'date.getDay()'而不是'date.getDate()'。查看更新後的答案。 –

+0

酷現在工作:)謝謝@Rahul – markabarmi