javascript - 如何限制 Bootstrap Datepicker 中的可选日期范围?

标签 javascript twitter-bootstrap datepicker bootstrap-datepicker

我需要使用日期选择器,它为我提供了限制可选日期的选项。我们一直在使用 jQuery UI,它使用 minDate、maxDate 选项来支持它。

$("#id_date").datepicker({minDate: +1, maxDate: '+1M +10D'}); 

最近我们开始将 Twitter Bootstrap 用于我们的样式。显然,Twitter Bootstrap 与 jQuery UI 样式不兼容。因此,我尝试使用 http://www.eyecon.ro/bootstrap-datepicker/ 上可用的 Bootstrap 兼容日期选择器之一。 .

不幸的是,上面的插件不像 jQuery UI 的日期选择器那样可配置。谁能帮我限制新日期选择器中的可选日期范围。

最佳答案

Bootstrap 日期选择器可以设置日期范围。但它在初始版本/主分支中不可用。在那里将分支检查为“范围”(或者只在 https://github.com/eternicode/bootstrap-datepicker 处查看),您可以简单地使用 startDate 和 endDate 来完成。

例子:

$('#datepicker').datepicker({
    startDate: '-2m',
    endDate: '+2d'
});

关于javascript - 如何限制 Bootstrap Datepicker 中的可选日期范围?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11933173/

相关文章:

JavaScript 在 Rails 应用程序上加载了 3 次

javascript - jQuery click 函数只执行一次

WPF Datepicker 只能选择日期列表

javascript - 无法从 bootStrap 日期选择器读取值

javascript - Javascript/Jquery 验证有问题吗?

javascript - 在 Web 应用程序中放置 JavaScript 单元测试文件的位置

javascript - 在移动设备上循环 <audio>

jquery - Bootstrap 向表中添加行

html - 按钮和分页的 Bootstrap 对齐

css - 小型设备上的 Bootstrap 表单工具提示和弹出窗口