javascript - 启用某些特定日期后禁用 pickadate (JavaScript) 中的日期

标签 javascript calendar pickadate

我正在使用 pickadate 库,因此用户可以选择日期。默认情况下应禁用所有日期。这通过添加 disabled: [true] 来实现。

var myPicker=$("#inputDatetime").pickadate(
    {
        format:"dd. mmmm yyyy",
        formatSubmit:"yyyy-mm-dd",
        min:dt,
        selectYears:2,
        close:"Schliessen",
        today:"Heute",
        selectMonths:!0,
        disable: [true]
    }
), picker = myPicker.pickadate("picker");

在此之后我启用了一些 dates :

picker.set('disable', activeDays);

现在我希望能够将工作日列入黑名单。例如,所有星期一和所有星期三都应始终被阻止。我在另一个变量中有这个数据:

var disabledDates = [1, 3];

如何确保在启用某些特定日期后禁用工作日?

最佳答案

请看下面的代码:

var $input = $("#datepicker").pickadate({
    format: 'dd-mm-yyyy',
    formatSubmit: 'dd-mm-yyyy',
    editable: false,
    min: new Date(),
    firstDay: 0
});

var picker = $input.pickadate('picker');
picker.set("disable", [
    1,
    [2016, 5, 29],
    [2016, 6, 9],
    [2016, 8, 8]
]);

picker.set("enable", [
    [2016, 5, 19],
    [2016, 5, 26]
]);

您可以在这里进行测试:http://jsfiddle.net/2j4f9dh8/2/

关于javascript - 启用某些特定日期后禁用 pickadate (JavaScript) 中的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37342370/

相关文章:

javascript - NodeJS : ASync/callback problems

javascript - block 范围声明...TypeScript 和 Asp.net MVC 5

javascript - HTML:iCal 链接?

javascript - 从事件处理函数内部引用当前 DOM 元素 (pickadate.js)

javascript - 为什么 getAllResponseHeaders() 输出与浏览器看到的不同?

jquery - 如何根据 Jquery mobile 中的事件名称更改日历中特定日期的背景图像?

php - 计算两个日期包含的日历月数

javascript - 点击 JQuery UI 对话框时 Pickadate 时间选择器消失

javascript - Pickadate.js 动态更改禁用日期

javascript - 摊牌 Markdown 编辑器 : How to resize images to fit in with the content?