Question

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

谢谢

Answer 1

我到目前为止看到的引导程序的日期选择器没有多个日期选择器，但它易于使用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/

Answer 2

我没有使用bootstrap，但我通过修改jquery-ui.multidatespicker.js文件解决了这个问题。只需在switch(from_format)方法的dateConvert（第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');
            }

抱歉我的英语不好：）

Bootstrap DateTime多日期选择器

2 个答案: