原生js實現(xiàn)日期計算器功能
更新時間:2017年02月17日 10:42:48 作者:火紅橘子
這篇文章主要為大家詳細介紹了原生js實現(xiàn)日期計算器功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了日期計算器的具體實現(xiàn)代碼,供大家參考,具體內(nèi)容如下
日期計算器html代碼片段:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>日期計算器</title> <script type="text/javascript" src="date_calc.js"></script> </head> <body> <br><br> <b>推算幾天后的日期:</b> <br> 和 <input size="8" id="SY" value="2016">年 <input size="4" id="SM" value="11">月 <input size="4" id="SD" value="16">日 (缺省為今天) <br>相差 <input size="8" id="decday" value="100">天 (輸入負數(shù)則往前計算) <br>是: <span id="result1"></span> <br> <input type=button value="計算" onclick="cala()"> <br> <b>計算日期差:</b> <br> <input size="8" id="SY2" value="2016">年 <input size="4" id="SM2" value="11">月 <input size="4" id="SD2" value="16">日 <br> 和 <input size="8" id="SY3" value="2017" >年 <input size="4" id="SM3" value="1">月 <input size="4" id="SD3" value="1">日 <br>相差: <span id="result2"></span>天 <br> <input type=button value="計算" onclick="calb()"> <br> </body> </html>
date_calc.js代碼片段:
var hzWeek= new Array("日","一","二","三","四","五","六","日"); //獲取星期 function cweekday(wday) {return hzWeek[wday];} function cala() { y=document.getElementById("SY").value; m=document.getElementById("SM").value; d=document.getElementById("SD").value; ddd=document.getElementById("decday").value; ttt=new Date(y,m-1,d).getTime()+ddd*24000*3600; theday=new Date(); theday.setTime(ttt); document.getElementById("result1").innerHTML=theday.getFullYear()+"年"+(1+theday.getMonth())+"月"+theday.getDate()+"日"+"星期"+cweekday(theday.getDay()); } function calb() { y2=document.getElementById("SY2").value; m2=document.getElementById("SM2").value; d2=document.getElementById("SD2").value; y3=document.getElementById("SY3").value; m3=document.getElementById("SM3").value; d3=document.getElementById("SD3").value; day2=new Date(y2,m2-1,d2); day3=new Date(y3,m3-1,d3); document.getElementById("result2").innerHTML=(day3-day2)/86400000; }
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- js日期范圍初始化得到前一個月日期的方法
- JavaScript獲取一個范圍內(nèi)日期的方法
- JavaScript輸出所選擇起始與結(jié)束日期的方法
- javascript完美實現(xiàn)給定日期返回上月日期的方法
- Angularjs驗證用戶輸入的字符串是否為日期時間
- JS匹配日期和時間的正則表達式示例
- 在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時間格式實例
- JS簡單獲取日期相差天數(shù)的方法
- JS簡單獲取當前日期和農(nóng)歷日期的方法
- JS簡單獲取當前日期時間的方法(如:2017-03-29 11:41:10 星期四)
- js獲取當前周、上一周、下一周日期
- Json日期格式問題的四種解決方法(超詳細)
- JavaScript實現(xiàn)設(shè)置默認日期范圍為最近40天的方法分析
相關(guān)文章
jQuery實現(xiàn)鼠標放置名字上顯示詳細內(nèi)容氣泡提示框效果的方法分析
這篇文章主要介紹了jQuery實現(xiàn)鼠標放置名字上顯示詳細內(nèi)容氣泡提示框效果的方法,結(jié)合實例形式分析了jQuery結(jié)合bootstrap插件實現(xiàn)的鼠標響應(yīng)式提示框相關(guān)操作技巧,需要的朋友可以參考下2020-04-04textarea焦點的用法實現(xiàn)獲取焦點清空失去焦點提示效果
這篇文章主要介紹了textarea焦點的用法實現(xiàn)獲取焦點清空失去焦點提示效果,需要的朋友可以參考下2014-05-05JavaScript去掉數(shù)組重復項的方法分析【測試可用】
這篇文章主要介紹了JavaScript去掉數(shù)組重復項的方法,結(jié)合實例形式分析了javascript使用object特性實現(xiàn)數(shù)組去除重復項功能的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07layui數(shù)據(jù)表格實現(xiàn)重載數(shù)據(jù)表格功能(搜索功能)
這篇文章主要介紹了layui數(shù)據(jù)表格實現(xiàn)重載數(shù)據(jù)表格功能,以搜索功能為例進行講解,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07js數(shù)組的基本用法及數(shù)組根據(jù)下標(數(shù)值或字符)移除元素
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(數(shù)值或字符)移除元素等等,在本文將為大家詳細介紹下,感興趣的朋友可以參考下2013-10-10