用键盘输入日期数字快,还是用鼠标操作JavaScript日期选择器进行选择快呢?似乎并没有人进行这样无聊的统计。但在表单中需输入日期的地方增加一个Javascript日期选择器被认为是一项提升用户体验的良好设计,毕竟,这是增加,而不是替换。让各种不同操作习惯的用户都有自己的选择。

17个Javascript日期选择器,也许在你下一次要优化你的网站设计时能用到:)

1. Aeron Calendar

一个强大、漂亮,基于Mootools开发的日期选择控件。

2. PBBDatePicker

一个功能强大,灵活的DatePicker。

3. Jason’s Date Input Calendar (演示地址)

一个简单的DatePicker,支持多种日期格式包括mySQL的YYYY-MM-DD格式。

4. Control.DatePicker

一个简洁的日期与时间选择器, 并且支持键盘事件:

  • Right arrow: next day
  • Left arrow: previous day
  • Down arrow: next week
  • Up arrow: previous week
  • Page down: next month
  • Page up: previous month
  • Enter: select date
  • Esc: cancel selection and close datepicker
5. Fancy MooTools Date Picker

Fancy MooTools Date Picker

6. Ext.ux.MultiMonthCalendar (演示地址)

扩展自Ext,能够同时显示多个月份的日期选择控件。

7. My97DatePicker (演示地址)

My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件。具有强大的日期范围限制功能;自定义事件和丰富的API库;多语言支持和自定义皮肤支持;跨无限级框架显示和自动选择显示位置。

8. Date Range Picker

基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。

9. jQuery DateInput (演示地址)

jQuery Date Input是一个简洁,快速,轻量级,漂亮的日期选择控件。DateInput可自定义日期的显示格式,同时支持多种语言包括中文。

10. jQuery UI Datepicker

jQuery UI Datepicker是一个简洁,快速,轻量级,漂亮的日期选择控件。DateInput可自定义日期的显示格式。

11. jQuery date picker plugin

基于jquery的日历控件,该控件存在两个版本.

12. vlaCalendar

Vista-like Ajax Calendar (vlaCalendar) 是Windows Vista任务栏日历的一个Web实现.采用mootools Javascript框架开发。

13. Control.Calendar

日期和时间选择控件。

14. JS Calendar (演示地址)

JS Calendar是一个支持多种浏览器,多种语言的日历控件。

15. Calendar Popup

一个灵活的日期选择控件。

16. DatePicker using Prototype and Scriptaculous

基于Prototype and Scriptaculous框架开发的datepicker。支持多种语言包括简体中文。

17. jquery.timepickr

jquery.timepickr是一个jQuery时间选择插件。让用户可以用点选的方式输入时间。支持皮肤更换,12小时/24小时两种格式。