今天这篇文章向大家分享12款精心挑选的优秀JavaScript日历和时间选择插件，都带有详细的使用教程和效果演示。这些插件能够帮助Web开发人员更快速的实现各种精美的日历和时间选择效果。

1. dynarch/projects/calendar/" target="_blank">The Coolest Calendar

界面非常漂亮的一款日期选择插件，有详细的使用文档，最新版本 1.5。

dynarch/projects/calendar/" target="_blank">

class="download" href="dynarch/projects/calendar/download/" target="_blank">点击下载     class="download" href="dynarch/projects/calendar/" target="_blank">查看示例

2. eyecon.ro/datepicker/" target="_blank">DatePicker

这款日期插件支持单选、多选和时间区间选择，功能齐全，有 Dialog 和 Flat 两种模式。

eyecon.ro/datepicker/" target="_blank">

class="download" href="eyecon.ro/datepicker/datepicker.zip" target="_blank">点击下载     class="download" href="eyecon.ro/datepicker/" target="_blank">查看示例

3. softcomplex/products/tigra_calendar/" target="_blank">Tigra Calendar

Tigra Calendar 是一个跨浏览器的 JavaScript 日历控件，以下拉弹出方式选择日期。

softcomplex/products/tigra_calendar/" target="_blank">

class="download" href="softcomplex/products/tigra_calendar/download.html" target="_blank">点击下载     class="download" href="softcomplex/products/tigra_calendar/" target="_blank">查看示例

4. jqueryui/demos/datepicker/" target="_blank">jQuery UI Datepicker

这款日期选择插件属于 jQuery UI 的组件，外观可以利用 jQuery UI 的主题功能定制。

jqueryui/demos/datepicker/" target="_blank">

class="download" href="jqueryui/download" target="_blank">点击下载     class="download" href="jqueryui/demos/datepicker/" target="_blank">查看示例

5. frequency-decoder/2006/10/02/unobtrusive-date-picker-widgit-update" target="_blank">Unobtrusive Date-Picker Widget

支持键盘快捷键，包含 16 种语言的语言包，定制性强。

frequency-decoder/2006/10/02/unobtrusive-date-picker-widgit-update" target="_blank">

class="download" href="frequency-decoder/demo/date-picker-v2/date-picker.zip" target="_blank">点击下载     class="download" href="frequency-decoder/demo/date-picker-v2/" target="_blank">查看示例

6. teddevito/demos/calendar.php" target="_blank">Simple jQuery DatePicker

一款非常简单的 jQuery 日期选择插件，适合作为学习的示例。

teddevito/demos/calendar.php" target="_blank">

class="download" href="teddevito/demos/calendar.php" target="_blank">点击下载      class="download" href="teddevito/demos/calendar.php" target="_blank">查看示例

7. developer.yahoo/yui/examples/calendar/quickstart.html" target="_blank">YUI Library: Calendar Control

这款插件是 YUI 库的日期选择插件，功能实用。

developer.yahoo/yui/examples/calendar/quickstart.html" target="_blank">

class="download" href="developer.yahoo/yui/examples/calendar/quickstart.html" target="_blank">点击下载     class="download" href="developer.yahoo/yui/examples/calendar/quickstart_clean.html" target="_blank">查看示例

8. filamentgroup/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/" target="_blank">Date Range Picker

这款插件是对 jQuery UI 日期插件的扩充，支持多种模式的时间区间选择。

filamentgroup/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/" target="_blank">

class="download" href="filamentgroup/examples/daterangepicker_v2/FilamentGroup_daterangepicker.zip" target="_blank">点击下载     class="download" href="filamentgroup/examples/daterangepicker_v2/index2.php" target="_blank">查看示例

9. jonathanleighton/projects/date-input" target="_blank">jQuery Date Input

另一款基于 jQuery 的日期选择插件，轻量、快速、易用。

jonathanleighton/projects/date-input" target="_blank">

class="download" href="plugins.jquery/files/date_input-1.2.1.zip" target="_blank">点击下载     class="download" href="jonathanleighton/projects/date-input" target="_blank">查看示例

10. overset/2008/05/12/multiday-calendar-datepicker-jquery-plugin/" target="_blank">Multiday Calendar Datepicker

基于 jQuery 编写的时间区间选择插件，功能简单使用。

overset/2008/05/12/multiday-calendar-datepicker-jquery-plugin/" target="_blank">

下载 jquery-jcal.googlecode/svn/trunk/jCal.js" target="_blank">JS 文件和 jquery-jcal.googlecode/svn/trunk/jCal.css" target="_blank">CSS 文件     class="download" href="overset/2008/05/12/multiday-calendar-datepicker-jquery-plugin/" target="_blank">查看示例

11. electricprism/aeron/calendar/" target="_blank">Calendar for Mootools

Calendar 是一个 Mootools 库的日期选择插件，定制性很强，代码托管在 Github 上面。

electricprism/aeron/calendar/" target="_blank">

class="download" href="electricprism/aeron/calendar/" target="_blank">点击下载     class="download" href="electricprism/aeron/calendar/" target="_blank">查看示例

12. jonathanleighton/projects/date-input" target="_blank">jQuery Date Input

基于 jQuery UI 的日期选择插件，支持日期和时间（时分秒）选择。

trentrichardson/examples/timepicker/" target="_blank">

class="download" href="github/trentrichardson/jQuery-Timepicker-Addon" target="_blank">点击下载     class="download" href="trentrichardson/examples/timepicker/" target="_blank">查看示例

上一条： 长沙做网站，斌网网络做网的要点
下一条： 做网站外链的方法汇总