這裏介紹一個jQuery插件Datepicker日期選擇器工具，主要用於實現Javascript自定義日期時間選擇的功能，以提高用戶體驗。Javascript的日期選擇器工具很多，jQuery插件Datepicker日期選擇器功能強大，同時可自定義日期時間配置，調用非常方便，Datepicker日期選擇器效果圖如下:
使用說明
需要使用jQuery庫文件(目前版本1.3)和jQuery
Datepicker庫文件(目前版本3.5.1)
同時安裝jquery.datepick-zh-CN.js支持中文語言包
素材準備
控制jQuery插件Datepicker日期選擇器顯示樣式效果，如:jquery.datepick.css
實例代碼
一，包含文件部分
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.datepick.js"></script>
- <script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>
- <link type="text/css" rel="Stylesheet" href="jquery.datepick.css" />
二，HTML部分
- <div>jQuery插件datePicker日期選擇器 [必優博客] </div>
- <input type="text" name="time" value="2009-2-9" id="biuuu" />
三，Javascript部分(調用jQuery插件Datepicker日期選擇器)
- <script type="text/javascript">
- <!--
- $(document).ready(function(){
- $('#biuuu').datepick({dateFormat: 'yy-mm-dd'});
- });
- //-->
- </script>
dateFormat 表示自定義設置日期格式，如：yy-mm-dd
上述實例使用jQuery插件Datepicker日期選擇器實現Javascript自定義日期時間選擇功能非常簡單，一行代碼即可實現，如果需要定製Datepicker日期選擇器，可配置jQuery插件Datepicker日期選擇器的參數this.regional[''] = {}部分，部分參數如下：
monthNames表示月份名稱，默認英文，如：January
monthNamesShort表示月份簡稱，默認英文，如：Jan
dateFormat表示日期格式，如：yy-mm-dd
firstDay表示星期的第一天，默認爲星期天0
以及控鈕設置等，具體可查看jQuery Datepicker的JS庫文件，瞭解Datepicker的配置參數。
jQuery插件Datepicker日期選擇器用戶使用比較多，主要是由於其功能強大，顯示效果美觀，調用方便，實現Javascript自定義日期時間選擇功能，值得推薦。
點我下載jQuery插件Datepicker日期選擇器實現Javascript自定義日期時間選擇功能 DEMO[簡化版Datepicker DEMO，安裝中文語言包]