本文實例講述了JS實現(xiàn)簡單的天數(shù)計算器。分享給大家供大家參考，具體如下：
剛學了JS，想做個計算兩個日期之間相差天數(shù)的東西，因為本人總是要算距離XX還有多少天。。
開始用很笨的方法寫了一個，寫完百度了一下，發(fā)現(xiàn)用 Date() 的話 幾行代碼就可以搞定。自己看語法的時候一掃而過，覺得會了，其實是不會的，至少在該用它的時候都想不到他有這個功能，這就是掌握類庫的重要性吧。
先放上寫的很笨的那種方法：
index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>天數(shù)計算器</title> <script src="../lib/js/jquery-2.1.1.js"></script> <script src="year.js"></script></head><body> <h2>天數(shù)計算器</h2> <div> <label>起:</label> <input type="text" id="beginYear"> <label >年</label> <input type="text" id="beginMonth"> <label >月</label> <input type="text" id="beginDay"> <label >日</label> </div> <br> <div> <label>止:</label> <input type="text" id="endYear"> <label >年</label> <input type="text" id="endMonth"> <label >月</label> <input type="text" id="endDay"> <label >日</label> </div> <br> <div> <input type="button" id="submit" value="確定" onclick="days()"> <input type="button" id="cancel" value="取消"> </div> <script> function days() { // 一年的第幾天 var day1 = YEAR.dayOfYear( Number($("#beginYear").val()), Number($("#beginMonth").val()) ) + Number($("#beginDay").val()); var day2 = YEAR.dayOfYear( Number($("#endYear").val()), Number($("#endMonth").val()) ) + Number($("#endDay").val()); var year1 = Number($("#beginYear").val()); var year2 = Number($("#endYear").val()); if ( year1 < year2 ) { var sum = YEAR.yearCount( Number($("#beginYear").val()), Number($("#endYear").val()) ); if ( YEAR.isLeapYear( year1 ) ) sum = sum + (366 - day1) + day2; else sum = sum + (365 - day1) + day2; alert("之間有" + sum + "天！"); } else if ( year1 == year2 ) { sum = day2 - day1; alert("之間有" + sum + "天！"); } else { $(function() { alert("請輸入正確的起止時間！"); }); } } </script></body></html>year.js
window.YEAR = { // 判斷是不是閏年 isLeapYear : function (year) { if((year % 4 == 0 && year % 100 !=0 ) || year % 400 == 0) return true; else return false; }, // 相差的整年數(shù)，換算成天數(shù) yearCount : function (yearBefore, yearAfter) { var year = yearBefore + 1; var sum = 0; while (year < yearAfter) { if ( YEAR.isLeapYear(year) ) sum = sum + 366; else sum = sum + 365; year++; } return sum; }, // 一年中的第幾天，只計算到月份 dayOfYear : function (year, month ) { var myYear = year; var sum = 0; for(var i = 1; i < month; i++) { switch(i) { case 1: case 3: case 5: case 7: case 8: case 10: sum = sum + 31; break; case 4: case 6: case 9: case 11: sum = sum + 30; break; case 2: if(YEAR.isLeapYear(myYear)) sum = sum + 29; else sum = sum + 28; break; } } return sum; },};
新聞熱點
疑難解答
圖片精選
