完整的时间（开始和结束时间）输入框验证js

完整的时间（开始和结束时间）输入框验证js

1、html

（1）时间输入框

Html代码  
当使用时间插件改变时间时，会触发onchange()事件

<p><span class="search_name">起始时间:</span>
    <input type="text" id="starttime" readonly="readonly"
    onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang:'zh-cn',maxDate:'%y-%M-%d',minDate:'%y-%M-<%=a%>{%d-2}'})"
    onchange="checkNull('starttime')"/>
</p>
<p><span class="search_name">结束时间:</span>
    <input type="text" id="endtime" readonly="readonly"
    onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang:'zh-cn',maxDate:'%y-%M-%d',minDate:'%y-%M-<%=a%>{%d-2}'})"
    onchange="checkNull('endtime')"/>
</p>

 (2)查询

Html代码  

1. <button type="button" onclick="query()" class="search_btn">查询</button>  
   

 

2、js

Js代码  
/*
            检测时间是否为空 */
        function checkNull(id){
            //开始时间
            if(id == "starttime"){
                startTime = $("#starttime").val();
                
                if(isNull(startTime)){
                    alert("起始时间不能为空");
                    return false;
                }
                return true;
            }
            
            //结束时间
            if(id == "endtime"){
                endTime = $("#endtime").val();
                
                if(isNull(endTime)){
                    alert("结束时间不能为空");
                    return false;
                }
                return true;
            }
        }
        
        /*
            检测开始时间是否小于结束时间（字符串也可以之间比较难控制相差的时间长度，使用毫秒计算） */
        function checkDate(){
            var startTimeMills = getDateMillsByDateString("starttime");
            var endTIimeMills =  getDateMillsByDateString("endtime");
            //开始时间和结束世间的最大间隔：3天
            var interval = 3*24*60*60*1000;
            
            if(startTimeMills < endTIimeMills && 0 < endTIimeMills - startTimeMills < interval){
                return true;
            }
            alert("起始时间需要小于结束时间");
            return false;
        }
        
        /*
            查询 操作*/
        function query(){
            if(!checkNull('starttime')){
                return ;
            }
            if(!checkNull('endtime')){
                return;
            }
            if(!checkDate()){
                return;
            }
            
            $("#form1").submit();
        }
        
        //将字符串时间(yyyy-MM-dd HH:mm:ss)转换成毫秒
        function getDateMillsByDateString(timeId){
            var timeStr = $("#" + timeId).val();
            
            var dateAndTimeArray = timeStr.split(" ");
            var dateArray = dateAndTimeArray[0].split("-");
            var timeArray = dateAndTimeArray[1].split(":");
            
            var date = new Date(dateArray[0],dateArray[1],dateArray[2],timeArray[0],timeArray[1],timeArray[2]);
            
            var dateMills = date.getTime();
            
            return dateMills;
        }
        
        
        //判断字符串时间是否为空
        function isNull(timeString){
            if(timeString == null || timeString == ""){
                return true;
            }
            return false;
        }

转自：http://tydldd.iteye.com/blog/1946965