3

我正在使用Multiple-Dates-Picker-for-jQuery-UI。选择多个日期时,日历会在每个选择之间打开和关闭。如何更正此问题,以使日历保持打开状态,直到选择所有日期,然后仅在浏览器中的其他位置单击它时才关闭。

这是我的代码:

<div class="row">
    <div class="span4">
         <h3>On <a href="#" class="popover-tip" rel="popover"
                 data-content="Pick a date for your night out."
                 data-original-title="Date">
             <i class="icon-question-sign"></i></a></h3>
         <input type="text" class="datepicker">
// Date picker - allows for multi select
$('.datepicker').multiDatesPicker({
    altField: '#altfield',
    dateFormat: "DD, d MM, yy",

    onBeforeShow: function () {
        $('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
    },
    onChange: function (formated, dates) {
        $('#inputDate').val(formated);
        if ($('#closeOnSelect input').attr('checked')) {
            $('#inputDate').DatePickerHide();
        }
    }
});
4

4 回答 4

1

尝试从http://multidatespickr.sourceforge.net获取 MultiDatesPicker 。那里的版本对我有用。

于 2012-09-11T04:06:26.777 回答
0

如果我理解正确,您的要求是您希望日历永久打开。

为此,您只需要更改 div 的输入。

在您的 html 中,而不是

 <input type="text" class="datepicker"> 

把这个

<div class="datepicker" style="display:block;"></div>

如果您想在选择日期时打开它然后关闭它,您将不得不以编程方式显示/隐藏它,可能使用 onfocus 和 onblur js 事件或 jQuery。

于 2012-11-23T00:52:57.203 回答
0

我知道迟到的答案,但你可以删除第 148 行:

(setTimeout('$("#'+inst.id+'").datepicker("show")',50);)

jquery-ui.multidatespicker.js

于 2012-10-23T09:26:54.847 回答
0

可能重复:

另一个答案指出jQuery UI defaulting to today's date when it can't parse several dates。的代码修复在_setDateFromField这里

多个日期选择器 - 月份跳跃问题

于 2015-05-31T21:30:36.247 回答