Bootstrap DateTime 多日期选择器答案

【问题标题】：Bootstrap DateTime multi dates pickerBootstrap DateTime 多日期选择器
【发布时间】：2014-11-17 09:54:24
【问题描述】：

我的页面上有一个引导 datetime 选择器组件。是否可以启用多日期选择？

谢谢你

【问题讨论】：

看来你做不到。如果你不需要时间，也许你可以试试：bootstrap-datepicker：eternicode.github.io/bootstrap-datepicker/…

标签： twitter-bootstrap jquery-multidatespicker

【解决方案1】：

到目前为止，我看到的 bootstrap 日期选择器没有多个日期选择器，但它易于使用 jquery ui 日期选择器，并使用 jquery ui bootstrap 主题http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/components.html#calendar 给它一种引导感觉。

只需从这里添加多日期选择器http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js

并定义 id <input id="my_multi_date_picker" type="text"/> 然后添加这个 jquery 代码

$('#my_multi_date_picker').multiDatesPicker();

小提琴

http://jsfiddle.net/qyjm1hup/1/

带有引导主题http://jsfiddle.net/ejt6jroo/1/

【讨论】：

我在 jQuery.multiDatesPicker 上不允许从“字符串”格式转换得到一个错误
请尝试在您的页面中使用 jquery migrate github.com/jquery/jquery-migrate。
Migrate 具有可能在 v 2.0.3 中被弃用的功能。
多日期选择器与 bootstrap 2 一起使用。有人有 bootstrap 3 的解决方案吗？

【解决方案2】：

我不使用引导程序，但我通过修改 jquery-ui.multidatepicker.js 文件解决了这个问题。只需在dateConvert 方法的switch(from_format)（第234 行）中为布尔值添加另一个大小写，应该如下所示

switch(from_format) {
                case 'object': break;
                case 'string': date = $.datepicker.parseDate(dateFormat, date); break;
                case 'boolean': date = ""; break;
                case 'number': date = new Date(date); break;
                default: $.error('Conversion from "'+ from_format +'" format not allowed on jQuery.multiDatesPicker');
            }

对不起我的英语不好:)

【讨论】：