1. ホーム
  2. jquery

jQuery datepickerの表示年数

2023-07-28 16:03:05

質問

jQueryのdatepickerで、表示される年の範囲を変更するにはどうしたらよいでしょうか。 jQuery UIのサイトでは、デフォルトは"現在の年の前後10年が表示される"と書かれています。 誕生日選択で使いたいのですが、今日から10年前はダメなんです。 これはjQueryのdatepickerでできるのでしょうか、それとも別のソリューションを使用しなければならないのでしょうか?

datepickerのデモへのリンクです。 http://jqueryui.com/demos/datepicker/#dropdown-month-year

どのように解決するのですか?

デモページを少し下に見てみると、"Restricting Datepicker"という項目があるのがわかると思います。ドロップダウンを使用して、".Datepicker を指定します。 Year dropdown shows last 20 years " demo を指定し、view source をクリックします。

$("#restricting").datepicker({ 
    yearRange: "-20:+0", // this is the option you're looking for
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
});

と同じように(当然ながら -20-100 など)に変更します。