jquery - 生年月日テキストボックス用のDatepickerプラグイン

Question

jquerydatepickerと呼ばれる非常に使いやすいdatepickerを見つけました。でも問題は、生年月日に使いたいときです。例：私の誕生年は1986年で、現在の年は2013年です。その後、左矢印を何度もクリックして、1986年になるまで月を減らす必要があります。私の誕生年が1960年以下の場合は、さらに面倒になります。

これに適したdatepickerプラグインを知っている人はいますか？おそらく、ドロップボックスなどから選択できる年または月の日付ピッカーですか？

Answer 1

つまり、デモページの[日付ピッカーの制限]セクションでこれを行うことができます。

デモページを少し見下ろす と、「Datepickerの制限」セクションが表示されます。ドロップダウンを使用して「」デモを指定し、Year dropdown shows last 20 yearsビューソースを押します。

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

あなたは同じことをしたいと思うでしょう（明らかに何かに変わる-20）-100。

オプション＃2： APIのとオプションをchangeMonth使用しています。changeYear

次のように、今年は「yy」を使用してみてください。

$('.datepicker').datepicker({changeYear: true, yearRange : 'yy-50:yy+1'});

詳細については、http：//api.jqueryui.com/datepicker/#option-yearRangeを参照してください。

Answer 2

私も同じ問題を抱えていたので、誰かが同じ問題を抱えている場合に備えて、解決策を投稿したいと思いました。上記の回答にありますが、すべてを取得するにはコメントを読む必要があります。

頭の中で：

<script src="~/Scripts/jquery-1.10.2.js"></script>

<script>
    $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '-100:+0'
        });
    });
</script>

そしてHTMLで：

<input type="text" class="form-control" id="datepicker">

これにより、月が独自のドロップダウンであり、年が独自のドロップダウンであり、年が今日の年から始まり、100年前に戻る日付ピッカーが表示されます。

Answer 3

ドロップダウンに表示する範囲のdatepicker呼び出しに以下の行を追加します

yearRange: "1930:2025"

このような、

$( function() {
    $( "#celeb_dob" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1930:2025"
    });
  } );