原生js實(shí)現(xiàn)日期計(jì)算器功能
本文實(shí)例為大家分享了日期計(jì)算器的具體實(shí)現(xiàn)代碼,供大家參考,具體內(nèi)容如下
日期計(jì)算器html代碼片段:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>日期計(jì)算器</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">天 (輸入負(fù)數(shù)則往前計(jì)算) <br>是: <span id="result1"></span> <br> <input type=button value="計(jì)算" onclick="cala()"> <br> <b>計(jì)算日期差:</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="計(jì)算" 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;
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js日期范圍初始化得到前一個(gè)月日期的方法
- JavaScript獲取一個(gè)范圍內(nèi)日期的方法
- JavaScript輸出所選擇起始與結(jié)束日期的方法
- javascript完美實(shí)現(xiàn)給定日期返回上月日期的方法
- Angularjs驗(yàn)證用戶輸入的字符串是否為日期時(shí)間
- JS匹配日期和時(shí)間的正則表達(dá)式示例
- 在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例
- JS簡(jiǎn)單獲取日期相差天數(shù)的方法
- JS簡(jiǎn)單獲取當(dāng)前日期和農(nóng)歷日期的方法
- JS簡(jiǎn)單獲取當(dāng)前日期時(shí)間的方法(如:2017-03-29 11:41:10 星期四)
- js獲取當(dāng)前周、上一周、下一周日期
- Json日期格式問(wèn)題的四種解決方法(超詳細(xì))
- JavaScript實(shí)現(xiàn)設(shè)置默認(rèn)日期范圍為最近40天的方法分析
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)放置名字上顯示詳細(xì)內(nèi)容氣泡提示框效果的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)放置名字上顯示詳細(xì)內(nèi)容氣泡提示框效果的方法,結(jié)合實(shí)例形式分析了jQuery結(jié)合bootstrap插件實(shí)現(xiàn)的鼠標(biāo)響應(yīng)式提示框相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
textarea焦點(diǎn)的用法實(shí)現(xiàn)獲取焦點(diǎn)清空失去焦點(diǎn)提示效果
這篇文章主要介紹了textarea焦點(diǎn)的用法實(shí)現(xiàn)獲取焦點(diǎn)清空失去焦點(diǎn)提示效果,需要的朋友可以參考下2014-05-05
JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法分析【測(cè)試可用】
這篇文章主要介紹了JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法,結(jié)合實(shí)例形式分析了javascript使用object特性實(shí)現(xiàn)數(shù)組去除重復(fù)項(xiàng)功能的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
Openlayers3實(shí)現(xiàn)車輛軌跡回放功能
這篇文章主要介紹了Openlayers3實(shí)現(xiàn)車輛軌跡回放功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09
layui數(shù)據(jù)表格實(shí)現(xiàn)重載數(shù)據(jù)表格功能(搜索功能)
這篇文章主要介紹了layui數(shù)據(jù)表格實(shí)現(xiàn)重載數(shù)據(jù)表格功能,以搜索功能為例進(jìn)行講解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
js數(shù)組的基本用法及數(shù)組根據(jù)下標(biāo)(數(shù)值或字符)移除元素
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(biāo)(數(shù)值或字符)移除元素等等,在本文將為大家詳細(xì)介紹下,感興趣的朋友可以參考下2013-10-10

