JS實現——計算兩日期之差

時間 2020-09-20

原文原文鏈接

在網上找了個js實現的，根據相差天數計算日期和根據兩個日期計算相差多少天的示例和代碼：html

根據相差天數計算日期：
距離：年月日
相差：天 （輸入負數則往前計算）
日期是：

根據日期計算相差天數：
開始日期：年月日
結束日期：年月日
相差天數：

=======================================================================================ui

實現代碼以下：spa

<!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>