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 に答える