Javascript NoGray 日历如果今天被阻止，则在选择的阻止日期后查找下一个可用日期

Question

我正在使用 NoGray Calendar 并具有以下代码:

my_cal1 = new ng.Calendar({
    input: {date:'date1', month:'month1', year:'year1'},
    selected_date:new Date(),display_date:new Date(),
    dates_off:[{date:22, month:6},
    events: {
        onDateClick: function(dt) {
            this.select_date(dt);
        }
    }

但是当它与我所在的日子是同一天时，它显示为空白。

如何才能使其显示并查找从阻止日期之后开始的下一个可用日期？

示例日历可以在此处找到 http://www.nogray.com/example.php?ID=260

我尝试设置的区域是下一个可用日期的 start_date 和 display_date，因此如果我接下来的 3 天为休息日，它会显示日期作为开始后 3 天后的下一个可用日期。

这可以通过 NoGray 软件中的功能来完成吗？还是我需要使用 PHP 脚本来搜索下一个可用日期并输出所需的日期？

Answer 1

您可以使用方法is_selectable http://www.nogray.com/api/calendar/is_selectable.php检查日期是否可选。 is_selectable 返回一个数组 [true|false, 'reason']。下面是一个简单的例子

my_cal1 = new ng.Calendar({
    input: {date:'date1', month:'month1', year:'year1'},
    selected_date:new Date(),
    display_date:new Date(),
    dates_off:[{date:22, month:6}], // you were messing a ] here
    events: {
        onDateClick: function(dt){
            this.select_date(dt);
        },
        // code to check if the start date is selectable
        onLoad: function(){
            var st_dt = this.get_start_date().clone();
            while(!this.is_selectable(st_dt)[0]){
                st_dt = st_dt.from_string('today + 1');
            }
            // checking if no dates are selected
            if (!ng.defined(this.get_selected_date())){
                this.select_date(st_dt);
            }
            this.set_start_date(st_dt);
        }
    }
});