JQuery UIカレンダーで年だけ表示する

JQuery UIカレンダーで年を表示または表示するにはどうすればよいですか？月をちょうど何年も気にせずに、年を指定してドロップダウンリストを作成する必要があります。あなただけの年のリストをしたい場合、あなたはjQueryUIせずに、それを生成することができ、事前にJQuery UIカレンダーで年だけ表示する

おかげでまた

出典

2011-12-15 Leandro Tupone

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

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

、：

var i,yr,now = new Date(); 
for (i=0; i<10; i++) { 
    yr = now.getFullYear()+i; // or whatever 
    $('#select-year').append($('<option/>').val(yr).text(yr)); 
};

出典

2011-12-15 14:15:46 Blazemonger

ありがとうございますが、そのコードにも月が表示されます –

もちろん、毎月のカレンダー*ですが、あなたは何ヶ月目かを示す必要があります。あなたは12ヶ月間のカレンダーを期待していますか？またはちょうど年のドロップダウン？あなたは自分自身をよりよく説明する必要があります。 – Blazemonger

私はあなたの最初のapprouchがこの答えよりも良かったと思います。私が言ったように、私は年のドロップダウンリストが必要です、私は、ちょうど年のドロップダウンを意味します:) –

あなたはjqueryのUIをしたい場合年だけを示すdatepickerは、これを試してください：

stepMonths: 12, 
monthNames: ["","","","","","","","","","","",""]

結果：月名は表示されません。

私はまた、日付ピッカーのカレンダー部分を隠すために、これを使用：

<style>.ui-datepicker-calendar { display: none; } </style>

出典

2012-08-22 11:39:16 codebreaker

あなたのapportのおかげで –

var i,yr,now = new Date(); 

for (i=0; i<10; i++) { 

    yr = now.getFullYear()+i; // or whatever 
    $('#select-year').append($('<option/>').val(yr).text(yr)); 

};

この機能は非常によく動作しますが、それはいくつかのエラー 1.表示年3回を持っています。 2. 2回目を選択すると、以前に選択したデータでデータが表示されます。

出典

2013-12-20 12:05:26 guest

それはいくつかのエラーが...非常にうまくいけば？また、この質問は2歳で解決されました。 –

JQuery UIカレンダーで年だけ表示する

答えて

関連する問題