特效介绍
日期选择插件datepicker.js
黑色扁平化日期选择插件datepicker.js，是一款使用非常方便的，选择日期的方式和Windows的日历选择方式一样的日期选择插件，可自定义多种日期选择展示效果，默认显示平铺日期选择器、点击触发日期选择器、设置规定范围时间内日期选择器、点击图标按钮触发日期选择器等。可以自定义开始时间和结束时间，可以同时显示多个日期供选择。也可以选择一个范围，比如选择一个开始和一个结束日期，自动选中这两个日期中间的时间，这是很多DatePicker不具有的功能。
使用方法
1、引入jQuery库和js文件
2 | <script type="text/javascript" src="js/datepicker.js"></script> |
2、html触发日历的元素：
1 | <input class="inputDate" id="inputDate" value="2012-06-14" /> |
3、js代码：
01 | $('#inputDate').DatePicker({ |
03 | date: $('#inputDate').val(), |
04 | current: $('#inputDate').val(), |
07 | onBeforeShow: function(){ |
08 | $('#inputDate').DatePickerSetDate($('#inputDate').val(), true); |
10 | onChange: function(formated, dates){ |
11 | $('#inputDate').val(formated); |
12 | $('#inputDate').DatePickerHide(); |
更多使用方法点击下面的预览按钮查看。
注意：
本插件基于jQuery 1.4的版本，如果换成更高的jQuery版本，会报 $.curCSS is not a function 的错误，解决办法：找到datepicker.js:1279，将：
var oldDisplay = $.curCSS(calEl, 'display');
替换成：
var oldDisplay = $(calEl).css("display", true);
至于原因，详见：
jQuery $.curCSS is not a function 解决办法。
