首页 > 解决方案 > 如何在 glDatePicker 中禁用特定日期

问题描述

我检查了文档,但我认为没有禁用特定日期的选项。

这是我所指的文档。

这是代码。

    var today = new Date();
    var future = new Date(today);

    future.setDate(today.getDate() + 60);

    Meeting.$dateInput.glDatePicker({
        showAlways: true,
        hideOnClick: false,
        allowYearSelect: false,
        selectableDateRange: [ {
            from: today,
            to: future
        }]
    });

日历工作正常,但我想禁用一些日期。像传递一组禁用日期之类的东西。

标签: javascriptjquerydatepicker

解决方案


禁用特定日期的方法是使其他日期可选。

从 url 检查示例 2:http: //glad.github.io/glDatePicker/#examples

$('#example2').glDatePicker(
{
    showAlways: true,
    allowMonthSelect: false,
    allowYearSelect: false,
    prevArrow: '',
    nextArrow: '',
    selectedDate: new Date(2013, 8, 5),
    selectableDateRange: [
        { from: new Date(2013, 8, 1),
            to: new Date(2013, 8, 10) },
        { from: new Date(2013, 8, 19),
            to: new Date(2013, 8, 22) },
    ],
    selectableDates: [
        { date: new Date(2013, 8, 24) },
        { date: new Date(2013, 8, 30) }
    ]
});

推荐阅读