覺得使用兩個下拉選單選取年份與月份有點累人,試著找一下有沒有適合的 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 month picker




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

文章標籤

創作者介紹
創作者 fannys23 的頭像
fannys23

小攻城師的戰場筆記

fannys23 發表在 痞客邦 留言(0) 人氣()