0

リンクがあり、クリックすると日付ピッカーが表示されます。

$('body').on("click", ".date-link", function (e) {
    /*
    $("#daterange").dialog("option", "position",
           {
               my: "left top",
               at: "left bottom",
               of: e,
           });

    $("#daterange").dialog('open');
    */

    $(e).datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        onSelect: function (dateText) {
            changeCalendarDate(dateText);
        },
        onClose: function (dateText) {
        }
    });

    $("#filter").dialog('close');
});

また、ユーザーが自動クローズする日付を選択しない限り、ドキュメント要素がクリックされたときに自動クローズしたいと思います。

ありがとう

4

1 に答える 1

0

クリック ハンドラの外部で datepicker インスタンスを設定できます。次に、リンクがクリック.datepicker('show')されたら、datepicker が設定された要素を呼び出すだけです。

簡単な例を次に示します。

HTML

<input id="date" />
<a href="#" class="date-link">Date Link</a>

JS

$("#date").datepicker({
    beforeShowDay: $.datepicker.noWeekends,
    onSelect: function (dateText) {
        changeCalendarDate(dateText);
    }
});

$('.date-link').on('click', function(e) {
    // Do not follow link
    e.preventDefault();
    // Show the datepicker
    $('#date').datepicker('show');
});

function changeCalendarDate(dateText) {
    // Process date
    console.log(dateText);
}

デモ

于 2013-03-08T19:30:06.807 に答える