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

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_selectablehttp://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);
        }
    }
});