jQuery Multidatepicker 日历在日期选择之间打开和关闭答案

【问题标题】：jQuery Multidatepicker Calendar opens and closes between date selectionjQuery Multidatepicker 日历在日期选择之间打开和关闭
【发布时间】：2012-09-11 03:56:44
【问题描述】：

我正在使用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();
        }
    }
});

【问题讨论】：

标签： jquery widget datepicker jquery-multidatespicker

【解决方案1】：

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

【讨论】：

谢谢纳迦。我确实通读了该内容并尝试按照他们的建议将： table.ui-datepicker-calendar {border-collapse: separate;} .ui-datepicker-calendar td {border: 1px solid transparent;} 添加到 css 中，但它没有似乎有影响
我清理了这个答案，但我看不出它有什么帮助，因为它看起来是指同一个项目。

【解决方案2】：

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

要实现这一点，您只需要更改 div 的输入。

在您的 html 中，而不是

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

放这个

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

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

【讨论】：

【解决方案3】：

我知道迟到的答案，但您可以删除第 148 行：

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

来自jquery-ui.multidatespicker.js

【讨论】：

【解决方案4】：

可能重复：

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

Multiple date picker - months jumping problems

【讨论】：