DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS 日期比較大小的簡單實例
JS 日期比較大小的簡單實例
編輯:JavaScript綜合知識     

 本篇文章主要是對JS日期比較大小的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

1,比較日期大小的js代碼  代碼如下: <script> var beginDate=$("#beginDate").val();    var endDate=$("#endDate").val();    var d1 = new Date(beginDate.replace(/-/g, "/"));    var d2 = new Date(endDate.replace(/-/g, "/"));       if(beginDate!=""&&endDate!=""&&d1 >=d2)    {     alert("開始時間不能大於結束時間!");     return false;    }  </script>   2,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>   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved