web-dev-qa-db-ja.com

jQuery UI datepickerのリセット日

私は入力フィールドにあるdatepickerを持っています。最初に開いたときのデフォルトの日付は今日の日付です。これが私が欲しいものです。
ただし、日付を選択して入力フィールドをクリアすると、datepickerにはまだ選択した日付が含まれているため、必要ありません。

なぜこれが発生するのか、どうすればこの動作を防ぐことができるのか誰かが知っていますか?

8
J.Pip

http://codepen.io/alexgill/pen/yOQrwV を参照してください

$(SELECTOR).datepicker('setDate', null);
11
Alex Gill

Datepickerウィジェットの日付をリセットする適切な方法は次のとおりです。

$.datepicker._clearDate('#input_field_goes_here');

またはこのように:

$('#input_field_goes_here').datepicker('setDate', null);

どちらが最適か。

36
silkfire

カレンダーのクリアボタン。

 $("#txtCalendar").datepicker({
        showButtonPanel: true,
        closeText: 'Clear',
        onClose: function (dateText, obj) {
            if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
                $("#txtCalendar").val('');
        }
    });
6
Shahbaz Ahmad

このコードを追加するだけです

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

読み取り専用モードであっても、バックスペースを使用してフィールドをクリアできます。 ソース

1
PIYUSH Itspk