黑色扁平化日期选择插件datepicker.js

        黑色扁平化日期选择插件datepicker.js，是一款使用非常方便的，选择日期的方式和Windows的日历选择方式一样的日期选择插件，可自定义多种日期选择展示效果，默认显示平铺日期选择器、点击触发日期选择器、设置规定范围时间内日期选择器、点击图标按钮触发日期选择器等。可以自定义开始时间和结束时间，可以同时显示多个日期供选择。也可以选择一个范围，比如选择一个开始和一个结束日期，自动选中这两个日期中间的时间，这是很多DatePicker不具有的功能。 1、引入jQuery库和js文件

<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/datepicker.js"></script>

2、html触发日历的元素：

<input class="inputDate" id="inputDate" value="2012-06-14" />

3、js代码：

$('#inputDate').DatePicker({
    format:'m/d/Y',
    date: $('#inputDate').val(),
    current: $('#inputDate').val(),
    starts: 1,
    position: 'r',
    onBeforeShow: function(){
        $('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
    },
    onChange: function(formated, dates){
        $('#inputDate').val(formated);
        $('#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 解决办法。