需要通过日期选择器在jQuery的当前第一天到下一周的第一天

时间:2017-09-20 05:34:23

标签: jquery cakephp

我是ansible-playbook test.yml --ask-pass -KjQuery的新用户,我需要主动日期选择器,从当前的第一天到下一周。

其他日子必须禁用。我怎么能这样做?

cakePhp 2

这是我的代码。但我需要从本周开始。如果有一天通过,那么它将被禁用,但在这两周完成之前不会添加任何日期

1 个答案:

答案 0 :(得分:0)

假设这是您的输入字段

<input id="thedate" class="datepicker_recurring_start" type="text" />

我创建了一个函数,它给出了当前周的开始日期

function getWeeksFirstDate(){
    var startDate = new Date(); // Select date
      startDate.setDate(startDate.getDate() - startDate.getDay());
      return startDate;
}

并使用上面的方法编写beforeShow,在打开datepicker时会被触发

$('.datepicker_recurring_start').datepicker({
    showButtonPanel:true,
    dateFormat: 'yy-mm-dd',
    beforeShow: function() {
         // First of week
        var startDate = getWeeksFirstDate();
        $(this).datepicker('option', 'minDate', startDate); // setting min Date
        var endDate = getWeeksFirstDate();
        endDate.setDate(endDate.getDate() + 13); // adding 2 week to it 
        $(this).datepicker('option', 'maxDate', endDate);  // setting max date 
     }
});

demo here

编辑

禁用本周的上一天

$(this).datepicker('option', 'minDate', new Date()); 

Updated Demo here