JS实现——计算两日期之差

本小妞迷上赌 提交于 2020-02-22 12:14:58

 

在网上找了个js实现的,根据相差天数计算日期和根据两个日期计算相差多少天的示例和代码:

根据相差天数计算日期:
距离:
相差: (输入负数则往前计算)
日期是:  



根据日期计算相差天数:
开始日期:
结束日期:
相差天数:  

 

=======================================================================================

实现代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>日期差计算器</title>
</head>

<body>
<script>
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+"天";
}

</script>

<b>根据相差天数计算日期:</b>
<br>
距离:
<input size=8 id=SY value=2015>年
<input size=4 id=SM value=11>月
<input size=4 id=SD value=8>日
<b style="color:red;">(缺省为今天)</b>
<br>相差:
<input size=8 id=decday value=100>天
<b style="color:red;">(输入负数则往前计算)</b>
<br />日期是:
<b><span id=result1>&nbsp;</span></b>
<br>
<input type=button value="计算" onclick="cala()">
<br><br><br>
<b>根据日期计算相差天数:</b>
<br>
开始日期:
<input size=8 id=SY2 value=2015>年
<input size=4 id=SM2 value=11>月
<input size=4 id=SD2 value=8>日
<br>结束日期:
<input size=8 id=SY3  value=2016 >年
<input size=4 id=SM3 value=1>月
<input size=4 id=SD3 value=1>日
<br />相差天数:
<b><span id=result2>&nbsp;</span></b>
<br>
<input type=button value="计算" onclick="calb()">
<br>
<br>
</bodY>
</html>

 出处:http://bjtime.cn/riqi.asp

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!