JQuery 1.32 DatePicker 增强版

增加部分JS代码实现“清除”按钮

 

<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({closeText: 'X',showButtonPanel: true,showClearButton:true,minDate: new Date(2009,7,10)});
});
</script>

 

 

自动禁选日期段的写法：

 

<script type="text/javascript">
    $(function() {

$("#start-date").datepicker(
        {onSelect: function(dateText, inst) {$('#end-date').datepicker('option', 'minDate',new Date(dateText.replace('-',',')));}
        });
 
    $("#end-date").datepicker(
        {onSelect: function(dateText, inst) {$('#start-date').datepicker('option', 'maxDate', new Date(dateText.replace('-',',')));}
        });
    });
</script>

 

程序源码及更多DatePicker的用法实例下载：

/Files/yasin/Jquery_datepicker.zip

 

DatePicker官方地址：

http://docs.jquery.com/UI/API/1.7/Datepicker#method-option

 

 

2009-07-13 增加焦点失去后自动验证日期格式

 

_doblur:function(event)
    {
        var inst = $.datepicker._getInst(event.target);

        if(inst.input[0].value.length==0)//允许为空
            return;

        var reg=/^(\d{4})(\/|-)(\d{1,2})\2(\d{1,2})$/;
        var arr=inst.input[0].value.match(reg)
        if(arr==null)
        {
            alert("错误的时间格式,请按格式填写\n 如: 2012-12-22");
            var today=new Date();//设置为当前日期
            inst.input[0].value=today.getYear()+"-"+(today.getMonth()+1)+"-"+today.getDate();
            inst.input[0].focus();
            return;
        }
        var tempDate=new Date(arr[1],arr[3]-1,arr[4]);
        if((tempDate.getFullYear()==arr[1]&&(tempDate.getMonth()+1)==arr[3]&&tempDate.getDate()==arr[4])==false)
        {
            alert("错误的时间格式,请按格式填写\n 如: 2012-12-22");
            var today=new Date();//设置为当前日期
            inst.input[0].value=today.getYear()+"-"+(today.getMonth()+1)+"-"+today.getDate();
            inst.input[0].focus();
           return;
        }
    },