javascript - Bootstrap Datepicker最大选择N天

标签 javascript jquery twitter-bootstrap datepicker

我有带有选项 multidate 的日期选择器,我想定义用户可以选择的最大天数,例如 5 天,其他天应该被禁用。它应该动态发生 - 用户可以选择任意 5 天,然后其他日期应该被阻止。我怎样才能做到这一点?

最佳答案

基于documentation for the bootstrap-datepicker plugin您正在使用的,看起来如果您只需执行 multidate: 5选择器将限制可以选择该数字的日期数量,当数字为超出了。

$('#datepicker').datepicker({
      multidate: 5
});

至于一旦选择了 5 天就禁用天数,而不是删除最旧的天......我不确定这是否可能。您也许可以做这样的事情(但不确定,因为您必须传递一个大的日期数组):

$('#datepicker').datepicker({
      multidate: 5
}).on('changeDate', function(e){
    //some function here to disable dates once 5 are selected
});

希望这有帮助。

关于javascript - Bootstrap Datepicker最大选择N天,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30673387/

相关文章:

Javascript 在 JSON 对象中递归查找

javascript - 如何覆盖 OnBeforeUnload 对话框并将其替换为我自己的?

javascript - 如何动态地将选项添加到 Bootstrap 选择器?

css - 右对齐的 BS header

javascript - 添加不同颜色的 Gridster 小部件

php - 告诉 smarty 按原样打印 block

html - 如何使 Bootstrap 导航栏居中?

css - Bootstrap 5 不允许我向 map 添加其他颜色

javascript - 通过 NodeJS 下载 Tar 文件

jquery - 从 jQuery 元素数组中获取 XML 元素的值