[Javascript] 免費、直覺的日期選擇元件

目前最美觀完整的日期元件大概就屬 The Coolest DHTML Calendar 了。

但是實際使用的結果,只能說「有創意,但一點都不好用」

20060223_02.gif

The Coolest DHTML Calendar 最特別的在於按下月份跟年份的加減按鈕不放,就可以選擇該項目。但實際上按著左鍵拖曳實在是一件很累的事,而且不懂電腦的 End-user 根本就不知道要按著不放,還得特地花時間去說明真的吃力不討好。


正好這次的專案又有日期選擇需要,索性再來找看看有沒有其它的選擇。所以這次我在找日期元件的時候,基本的要求是:

「月份跟年份必須直覺式的選取」

雖然一般人很少會去選年份,但是一些特殊用戶(如:會計、金融業),要輸入歷史資料的狀況很多,只有一個加減年份的按鈕就很不方便。(註1)

上個月我就大概找過一次,Sourceforge 已經翻不到好用的日期選擇元件,就改由 Google 跟 hotscripts 來看看。

Calendar Popup
20060223_01.gif
(有多種樣式可選,該網站還有其它不錯的 javascript )

A JavaScript Weekly Calendar
20060223_03.gif
(還能直接加減月份,如果能有「今天」可以點就更好了)

DatePicker Control
20060223_04.gif
(年份的選擇可上下加減或是人工輸入,但要注意版權限制)

Javascript Dynamic Calendar
20060223_05.gif
(整合的方式蠻簡單易懂的)

Simple Calendar Widget
20060223_06.gif
(大概就只能嫌畫面醜了,其它就懶的試了)

Javascript Date Selector
20060223_07.gif
(免費版會出現版權字樣)

Dynamic Calendar
20060223_08.gif
(感覺有點像 phpMyadmin 用日期選擇簡易版)

[其它參考用]

http://hotelsys.biz/html/caltest_incr_www.html
20060223_09.gif
(介面設計具有參考性、操作上有很大的進步空間)

Date Picker
20060223_10.gif
(可以用一整年來選,範例中先點 End Date 就可以看到)

時間有限,大概就先找到這兒了,若有網友有更好用的也歡迎分享。^^

註1:
金融業大部份習慣手動輸入日期,給他們選擇日期可能還有點多餘。

7 comments On [Javascript] 免費、直覺的日期選擇元件

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar