Question

我有一个下拉列表和JQuery UI日期选择器。考虑Dropdown在周日和周一有两个值。如果我在下拉列表中选择星期日，我想禁用日历中的所有星期日。如果我在下拉列表中选择星期一，我想启用星期日并禁用星期一在datepicker中。当页面第一次加载时，它工作正常。但是，当我更改下拉值时，日期选择器值不会更改，它仍会禁用旧值。

Answer 1

这是你想要的吗？ Demo

使用Javascript：

$(document).ready(function () {
$("#datepicker").datepicker({
    inline: true,
    numberOfMonths: 2,
    hideIfNoPrevNext: true,
    beforeShowDay: function (date) {
        var val = parseInt($('#temp').val());
        var day = date.getDay();
        console.log(day, val)
        return [val == day ? false : true]
    },
    altField: '#alternate',
    });
});

HTML：

<select id="temp">
  <option value=1>Monday</option>
  <option value=0>Sunday</option>
</select>
<input type="text" id="datepicker" />

Jquery DatePicker随下拉列表更改

1 个答案: