小攻城師的戰場筆記

覺得使用兩個下拉選單選取年份與月份有點累人，試著找一下有沒有適合的 month-year select calendar。

Month Picker
Project: http://blog.yctin.com/archives/jquery-plugins-monthpicker/
DEMO: http://project.yctin.com/monthpicker/demo/
是以橫列的形態呈現的月份選擇工具。


jq-monthpicker
http://code.google.com/p/jq-monthpicker/

把十二個月份排成 3*4 的矩陣，可以使用左右鍵來調整年份，再從矩陣中挑出對應的月份。（我後來就是選這套）

jquery.mtz.monthpicker
http://lucianocosta.info/jquery.mtz.monthpicker/

類似上一種 month picker，也是把十二個月份排成矩陣，但這個 plugin 的年份只能透過下拉選單選取，我個人覺得 jq-monthpicker 的操作介面設計得比較好。


Month-Year Calendar
http://code.technolatte.net/MonthYearCalendar/

也是類似 jq-monthpicker & jquery.mtz.monthpicker 的 month picker，不過這個 plugin 的年份是只能以左右鍵選擇的。


jQselectable
http://code.google.com/p/jqselectable/

當我們的下拉選單 (drop-down list) 有較多選項時，過去傳統的下拉選單必須自行捲動捲軸，才能看到想要的選項。利用這個 plugin，可以把下拉選單的值直接展開。缺點是點選第二次 dropdown list 時，選單不會自動消失，必須要從選單中選到值、或是在頁面其他空位點一下，才能關閉選單。



也有把 jQuery UI 本身的 date picker 的日曆部分隱藏起來的解法，詳情可以參考這篇文章：Jquery MonthPicker。