如何动态地禁用jquery日历中的特定日期,并根据该日历创建另一个日历maxdate?

时间:2015-04-01 09:42:42

标签: jquery jquery-ui calendar

我在HTML页面上有两个日历,定义为:

<p>Calendar 1:
    <input type="text" id="datepicker1" />
</p>
<p>Calendar 2:
    <input type="text" id="datepicker2" />
</p>

我想在日历1上禁用所有星期日,星期一和星期二,我也想将该日历的minDate设置为明天。

我也想让日历2的maxDate成为日历1中选择的日期。

1 个答案:

答案 0 :(得分:2)

  function beforeShowDay(date) {
     var day = date.getDay();
     return [(day != 7 && day != 1 && day != 2)];
}

此代码将禁用日历的所有星期日,星期一和星期二。

$("#datepicker1").datepicker().change(function () {


    $("#datepicker2").datepicker('option', 'maxDate', $(this).datepicker('getDate'));


});

此代码将在第一个日历选择中设置第二个日历maxDate。