2

jQuery UI Datepicker にカスタム ボタンを追加する必要があります。ユーザーがそのボタンをクリックすると、値を入力 (テキストの文字列) に設定し、ポップアップを閉じます。これは可能ですか？

フィドルの例: http://jsfiddle.net/7Wygg/

showButtonPanel: true,
beforeShow: function (input) {
    setTimeout(function () {
        var buttonPane = $(input)
            .datepicker("widget")
            .find(".ui-datepicker-buttonpane");

        var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Custom</button>');
        btn.unbind("click")
        .bind("click", function () {
            //$.datepicker._clearDate(input);
            alert('custom text');
        });

        btn.appendTo(buttonPane);

    }, 1);
}

ありがとうございました。

4

2 に答える 2

7

コメントによる回答の修正

次のような意味です: http://jsfiddle.net/7Wygg/10/ ?

ちょうど追加しました

$(input).datepicker("hide");
$(input).val("custom text");
于 2013-08-22T11:18:49.430 に答える
2

ここでデモを設定し、ここで日付ピッカーで、他のパターンのような日付を設定できます

$(function() {
$(".datepicker").datepicker({
    showButtonPanel: true,
    beforeShow: function (input) {
        setTimeout(function () {
            var buttonPane = $(input)
                .datepicker("widget")
                .find(".ui-datepicker-buttonpane");

            var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Custom</button>');
            btn.unbind("click")
            .bind("click", function () {
                //$.datepicker._clearDate(input);
                alert('custom text');
                $(".datepicker").datepicker( "hide" );
                $( ".datepicker" ).datepicker( "setDate", "19/12/2003" );// here in cutom we can set date like pattern not any other

            });

            btn.appendTo(buttonPane);

        }, 1);
    }
});
});
于 2013-08-22T11:22:54.820 に答える