javascript - 如何限制引导日历插件中的日期范围？

希望这篇文章在正确的地方。



我正在使用bootstrap calendar插件。如何限制引导日历中的上一个和下一个范围按钮？
据我所知，prev/next触发器应放置在calendar.js附近。

这是我到目前为止在calendar.js中的代码：

Calendar.prototype.navigate = function(where, next) {
        var to = $.extend({}, this.options.position);
        if(where == 'next') {
            switch(this.options.view) {
                case 'year':
                    to.start.setFullYear(this.options.position.start.getFullYear() + 1);
                    break;
                case 'month':
                    to.start.setMonth(this.options.position.start.getMonth() + 1);
                    break;
                case 'week':
                    to.start.setDate(this.options.position.start.getDate() + 7);
                    break;
                case 'day':
                    to.start.setDate(this.options.position.start.getDate() + 1);
                    break;
            }
        } else if(where == 'prev') {
            switch(this.options.view) {
                case 'year':
                    to.start.setFullYear(this.options.position.start.getFullYear() - 1);
                    break;
                case 'month':
                    to.start.setMonth(this.options.position.start.getMonth() - 1);
                    break;
                case 'week':
                    to.start.setDate(this.options.position.start.getDate() - 7);
                    break;
                case 'day':
                    to.start.setDate(this.options.position.start.getDate() - 1);
                    break;
            }
        }

我在today的本部分中添加了calendar.js作为pivot：

else if(where == 'today') {
    // to.start.setTime(new Date().getTime());
    // Sunday 15 July, 2018
    var moonLanding = new Date('July 15, 2018 00:00:00 GMT+00:00');
    to.start.setTime(moonLanding.getTime());
}

有什么办法可以限制日期范围？

最佳答案

您可以在启动日历时设置自己的选项，并使用Calendar.prototype.navigate中的自定义选项进行一些验证逻辑，例如

$("#calendar").calendar({
    limitStart: new Date("2017-01-01"),
    limitEnd: new Date("2019-01-01")
});

# in Calendar.prototype.navigate, use them as this.options.limitStart, this.options.limitEnd

关于javascript - 如何限制引导日历插件中的日期范围？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48829254/