1. ホーム
  2. jquery

[解決済み】jQuery UI。Datepicker set year range ドロップダウンを100年に設定する。

2022-03-27 07:50:26

質問

日付ピッカーを使用すると、年のドロップダウンがデフォルトで10年だけ表示されます。それ以上の年数を追加するには、最後の年をクリックする必要があります。

どうすれば、初期設定として100年の範囲を設定し、ユーザーに大きなリストを表示させることができますか?

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

解決方法は?

このオプションを使って、年の範囲を設定することができます。 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") 、絶対 ("nnn:nnn") またはこれらの形式の組み合わせ ("nnn:-nn") のいずれかです。このオプションはドロップダウンに表示されるものにのみ影響することに注意してください。選択できる日付を制限するには、minDateおよび/またはmaxDateオプションを使用します。