1. 程式人生 > >JS、JQ判斷時間大小

JS、JQ判斷時間大小

 JQ判斷

<!DOCTYPE>
<html>
<head>
    <title></title>
    <meta http-equiv="X-UA-Compatible" charset="utf-8"/>
    <script src="js/jquery-1.11.0.js" type="text/javascript"></script>
<style type="text/css">

</style>

</head>
<body >
	開始時間:<input  id="startTime"  >到     
	結束時間:<input  id="endTime" > 
	   <button>222</button>
</body>
<script> 
	//封裝
	   function ifdate(beginDate,endDate){
			 var d1 = new Date(beginDate.replace(/\-/g, "\/"));  
			 var d2 = new Date(endDate.replace(/\-/g, "\/"));  
			  
			  if(beginDate!=""&&endDate!=""&&d1 >=d2){  
				  alert("開始時間不能大於結束時間!");  
				   
			  }else{
			  	alert("時間正確!"); 
			  }
	   }
	   
	//呼叫   
   $("button").click(function(){
   
   	     var beginDate=$("#startTime").val();  
		 var endDate=$("#endTime").val();  
		 
		 ifdate(beginDate,endDate)
   })
    
 </script>
</html>



 

JS判斷

<html>   
<head>   
<title>calendar-比較時間和日期大小-www.jbxue.com</title>   
<script type="text/javascript" src="CalendarFramework.js"></script>   
</head>   
<body>   
開始時間:<input onfocus="setday(this)" id="startTime" name="startTime">到     
結束時間:<input onfocus="setday(this)" id="endTime" name="endTime">   
          <input type="button" onclick="checkTime()" value="校驗"/>   
          </body>   
<script type="text/javascript" >   
checkTime = function() {   
    var startTime = document.getElementById("startTime").value;   
    var endTime = document.getElementById("endTime").value;   
    compareCalendar(startTime, endTime);         
}   
//比較日前大小  
function compareDate(checkStartDate, checkEndDate) {      
    var arys1= new Array();      
    var arys2= new Array();      
if(checkStartDate != null && checkEndDate != null) {      
    arys1=checkStartDate.split('-');      
      var sdate=new Date(arys1[0],parseInt(arys1[1]-1),arys1[2]);      
    arys2=checkEndDate.split('-');      
    var edate=new Date(arys2[0],parseInt(arys2[1]-1),arys2[2]);      
if(sdate > edate) {      
    alert("日期開始時間大於結束時間");         
    return false;         
}  else {   
    alert("通過");   
    return true;      
    }   
    }      
}     
  
//判斷日期,時間大小  
function compareTime(startDate, endDate) {   
 if (startDate.length > 0 && endDate.length > 0) {   
    var startDateTemp = startDate.split(" ");   
    var endDateTemp = endDate.split(" ");   
                   
    var arrStartDate = startDateTemp[0].split("-");   
    var arrEndDate = endDateTemp[0].split("-");   
  
    var arrStartTime = startDateTemp[1].split(":");   
    var arrEndTime = endDateTemp[1].split(":");   
  
var allStartDate = new Date(arrStartDate[0], arrStartDate[1], arrStartDate[2], arrStartTime[0], arrStartTime[1], arrStartTime[2]);   
var allEndDate = new Date(arrEndDate[0], arrEndDate[1], arrEndDate[2], arrEndTime[0], arrEndTime[1], arrEndTime[2]);   
                   
if (allStartDate.getTime() >= allEndDate.getTime()) {   
        alert("startTime不能大於endTime,不能通過");   
        return false;   
} else {   
    alert("startTime小於endTime,所以通過了");   
    return true;   
       }   
} else {   
    alert("時間不能為空");   
    return false;   
      }   
}   
//比較日期,時間大小  
function compareCalendar(startDate, endDate) {   
if (startDate.indexOf(" ") != -1 && endDate.indexOf(" ") != -1 ) {   
    //包含時間,日期  
        compareTime(startDate, endDate);               
} else {   
    //不包含時間,只包含日期  
    compareDate(startDate, endDate);   
      }   
}   
</script>   
</html>