Neo's Blog

首頁 相本 討論 書籤

分類目錄
本站日誌 (51)
碎碎唸啦 (173)
網站架設 (84)
程式設計 (161)
軟體使用 (69)
電子商務 (126)
經營奇想 (48)
基金理財 (11)
聰明消費 (87)
電影心得 (47)
開放原碼 (16)
工作記錄 (2)
毛毛小記 (9)
就是不同 (2)




歷史資料
 




February 23, 2006
[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:
金融業大部份習慣手動輸入日期,給他們選擇日期可能還有點多餘。

 
由 Neo 發表於 February 23, 2006 12:20 AM 收進你的MyShare個人書籤  

Yahoo! UI Library(YUI)內也提供了一組Javascript Calendar
介面使用上感覺還不錯~可同時顯示二個月份
另外也可以「擴充」成為中文介面

Yahoo! UI Library 網址:
http://developer.yahoo.net/yui/
Calendar:
http://developer.yahoo.net/yui/calendar/index.html

這是免費的,版權為BSD license


herman 發表於 February 23, 2006 09:30 AM

真是用心投入喔!!


victor 發表於 February 23, 2006 12:41 PM

呵, 辛苦啦, 竟然把網路上相關的 calendar 的 js,都試了...


yuanyuan 發表於 March 6, 2006 12:13 PM

剛試了一下,發覺 The Coolest DHTML Calendar 很好用的哩,他有多國語言顯示的功能。

而且我認為 user 應該不會不知道可以按住加減鈕可以顯示選單,因為當 user 一次要選好幾年或好幾個月的時候應該自然就會按住不放了。


CityPig 發表於 March 7, 2006 06:33 PM

上述這幾個日曆都不夠好用
就格式化日期或無限制年份延伸
就屬這個最好用:
http://rippleyong.cnblogs.com/archive/2005/01/27/98168.aspx


tomexou 發表於 April 26, 2006 02:24 PM

The Coolest DHTML Calendar 很好用啊~速度快也方便...

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

做個浮動小鍵盤給他們點 =.="


y 發表於 December 6, 2007 10:30 PM
發表迴響  
(*星號開頭為必填欄位)











(請輸入您看到的數字,看不到請按右鍵->顯示圖片)


記住我的資訊?







Copyright 2005 Neo's Blog All rights reserved.