web-dev-qa-db-ja.com

JQueryの日付ピッカーの年の変更

私はjqueryのdatepickerを使用してフィールドに生年月日を設定していますが、デフォルトのピッカーが表示され、毎月日付にスクロールするオプションが提供され、退屈に聞こえます。月を使用して年を順番に変更するのではなく、年を直接変更できる方法はありますか。

25
Sankalp

changeYearに設定できるdatepickerにはtrueプロパティがあります。

$( ".selector" ).datepicker({ changeYear: true });

http://jqueryui.com/datepicker/#dropdown-month-year

これにより、希望する年を選択できる選択リストが表示されます。

61
Jamie Dixon

挿入changeYear: true DataPickerパラメーター。

例:

$(function() {
        $( ".datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

セットする changeYear: true、以下のサンプルコードに示すように:

 $("#birth_date").datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            maxDate: '-1D'
        },
        $.datepicker.regional["fr"]
    );

その他のオプションについては、こちらを参照してください: https://jqueryui.com/datepicker/

5
Fokwa Best

Datepickerオブジェクトの 'changeYear'プロパティ( jQuery UI を参照)を使用して、年のドロップダウンを有効にできます。

2
Bas Slagter