欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

原生js实现日期计算器功能

程序员文章站 2023-12-28 13:06:52
本文实例为大家分享了日期计算器的具体实现代码,供大家参考,具体内容如下 日期计算器html代码片段:

本文实例为大家分享了日期计算器的具体实现代码,供大家参考,具体内容如下

日期计算器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">天
(输入负数则往前计算)
<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;


}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:

下一篇: