JQuery 1 32 DatePicker 增强版解决结束日期小于开始日期的问题

               

结束日期小于开始日期的问题，往常遇到这种问题都要自己编码，不过现在方便了，不需要把精力耗在这些细节问题上

 

以下内容原文地址:http://www.cnblogs.com/yasin/archive/2009/07/10/1520736.html

 

增加部分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 ;
        }
    },

 

 

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow