DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js時間比較示例分享(日期比較)
js時間比較示例分享(日期比較)
編輯:JavaScript基礎知識     

復制代碼 代碼如下:
<html>
 <head>
  <script language="javascript" type="text/javascript">
   /** 日期比較 **/
   function compareDate(strDate1,strDate2)
   {
    var date1 = new Date(strDate1.replace(/\-/g, "\/"));
    var date2 = new Date(strDate2.replace(/\-/g, "\/"));
    return date1-date2;
   }

   /** 比較 **/
   function doCompare(){
    var strDate1 = document.getElementById("strDate1").value;
    var strDate2 = document.getElementById("strDate2").value;
    var result = compareDate(strDate1,strDate2);
    if ( result>0 ) {
     alert("strDate1晚於strDate2");
    }else if( result<0 ){
     alert("strDate1早於strDate2");
    }else if ( result==0 ){
     alert("strDate1等於strDate2");
    }
   }
  </script>
 </head>
 <body>
  <input type="text" id="strDate1" name="strDate1" value="2012-07-01"/>
  <input type="text" id="strDate2" name="strDate2" value="2012-08-01"/>
  <input type="button" id="compareBtn" name="compareBtn" value="比較" onClick="doCompare();"/>
 </body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved