如何限制bootstrap日历插件中的日期范围？

Question

希望这篇文章在正确的位置。

我正在使用 bootstrap calendar 插件。如何限制引导程序日历中的上一个和下一个范围按钮？ 据我所知，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中将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()); } 作为 pivot 添加到此部分：

{{1}}

有没有办法限制日期范围？

Answer 1

您可以在启动日历时设置自己的选项，并使用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