启用某些特定日期

时间:2016-05-20 08:59:19

标签: 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];

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

2 个答案:

答案 0 :(得分:1)

请参阅以下代码:

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/

答案 1 :(得分:0)

您可以使用get方法获取已列出的已启用和已停用日期,并只推送您要禁用的工作日索引:

picker.set('disable', activeDays);
var disabledDates = picker.get('disable').push([1, 3]);
picker.set('enable', true); // Enable all days to be sure we will not flip  disabled/enabled states
picker.set('disable', disabledDates);

请勿在禁用日期之前忘记启用日期。在这种情况下,他们不会翻转到相反的值。