Question

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

Answer 1

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

Answer 2

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

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

来自jquery-ui.multidatespicker.js

Answer 3

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

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

在你的html而不是

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

把这个

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

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

Answer 4

可能重复：

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

Multiple date picker - months jumping problems

jQuery Multidatepicker Calendar在日期选择之间打开和关闭

4 个答案: