【问题标题】:Dynamically add jQuery multidatepicker "addDisabledDates" property动态添加 jQuery multidatepicker "addDisabledDates" 属性
【发布时间】:2016-10-26 10:02:06
【问题描述】:

我在我的 html 中使用 jQuery 多日期选择器。我需要动态更改日期选择器设置属性,即,当我在选择框中选择“正常”选项时,我将禁用日历中的“星期六”和“星期日”,当我在选择框中选择“自定义”选项时,我将禁用我的习惯日子。 我不知道如何在我的代码中指定。 这是我的代码

    $('#datePick').multiDatesPicker({
  beforeShowDay: disableSpecificWeekDays,
  // For disabling all "Sundays"
  dateFormat: "d/m/yy",
  maxDate: "+3m",
  minDate: "-1m",
  multidate: true,
  addDisabledDates: my_array
});

  function disableSpecificWeekDays(date) {
     var theday = date.getDate() + '/' +(date.getMonth() + 1) + '/' +
      date.getFullYear();
     var day = date.getDay();
     return [day != 0 && day != 6];
}

请谁能帮我把它放好?

【问题讨论】:

  • 为什么不在 disableSpecificWeekDays() 方法中检查下拉列表的值?如果它是“正常的”,那么只需返回 [true]
  • @John:我可以在 disableSpecificWeekDays() 方法中使用选择框值更改方法吗?更改复选框值后是否重新初始化日期选择器设置?

标签: javascript jquery date jquery-ui-datepicker


【解决方案1】:

假设您有这样的下拉菜单:

<select id="my-dropdown">
    <option value="normal">normal</option>
    <option value="custom">custom</option>
</select>

那么你需要做的就是:

function disableSpecificWeekDays(date) {
    if ($('#my-dropdown').val() == 'normal') {
        return [true];
    }
    var theday = date.getDate() + '/' + (date.getMonth() + 1) + '/' +
        date.getFullYear();
    var day = date.getDay();
    return [day != 0 && day != 6];
}

【讨论】:

    猜你喜欢
    • 2014-03-03
    • 2014-03-02
    • 1970-01-01
    • 2013-01-04
    • 1970-01-01
    • 1970-01-01
    • 2011-06-23
    • 2017-01-13
    • 1970-01-01
    相关资源
    最近更新 更多