jQuery UI: Datepicker で年範囲ドロップダウンを 100 年に設定する 質問する

jQuery UI: Datepicker で年範囲ドロップダウンを 100 年に設定する 質問する

Datepicker を使用すると、デフォルトでは年ドロップダウンに 10 年のみが表示されます。さらに年を追加するには、ユーザーは最後の年をクリックする必要があります。

ユーザーがデフォルトで大きなリストを見ることができるように、初期範囲を 100 年に設定するにはどうすればよいですか?

ここに画像の説明を入力してください

    function InitDatePickers() {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            maxDate: '@maxDate',
            minDate: '@minDate'
        });
    }

ベストアンサー1

こちらのドキュメントに従ってこのオプションを使用して年の範囲を設定できます。http://api.jqueryui.com/datepicker/#option-yearRange

yearRange: '1950:2013', // specifying a hard coded year range

またはこのように

yearRange: "-100:+0", // last hundred years

ドキュメントから

デフォルト: "c-10:c+10"

年ドロップダウンに表示される年の範囲。今日の年を基準にした相対形式 ("-nn:+nn")、現在選択されている年を基準にした相対形式 ("c-nn:c+nn")、絶対形式 ("nnnn:nnnn")、またはこれらの形式の組み合わせ ("nnnn:-nn") のいずれかです。このオプションはドロップダウンに表示される内容にのみ影響することに注意してください。選択できる日付を制限するには、minDate オプションと maxDate オプションを使用します。

おすすめ記事