1. 程式人生 > >JavaScript比較日期大小

JavaScript比較日期大小

JavaScript比較日期大小

使用兩種方式判斷日期的大小:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Date</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){

    function compare(date1,date2){
        var oDate1 = new Date(date1);
        var oDate2 = new Date(date2);
        if(oDate1.getTime() > oDate2.getTime()){
            alert('第一個大');
        } else if (oDate1.getTime() < oDate2.getTime()){
            alert('第二個大');
        } else {
            alert('相等');
        }
    }

  $("button").click(function(){
     var beginDate=$("#beginDate").val();  
     var endDate=$("#endDate").val();  

      // 方式1:呼叫上面的compare方法
      compare(beginDate,endDate);

      var res=getDateDiff(beginDate,endDate);
      alert(res);

     // 方式2:使用正則表示式
     var d1 = new Date(beginDate.replace(/\-/g, "\/"));  
     var d2 = new Date(endDate.replace(/\-/g, "\/"));  

      if(beginDate!=""&&endDate!=""&&d1 >=d2)  
      {  
         alert("開始時間不能大於結束時間!");  
         return false;  
      }
  });
});
</script>
</head>
<body>
<h2>判斷日期大小</h2>
開始時間:<input type='date' id='beginDate'/><br/>
結束時間:<input type='date' id='endDate'/><br/>
<button>判斷日期大小</button>
</body>
</html>