当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 原生js实现日期计算器功能

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

2019年03月25日  | 移动技术网IT编程  | 我要评论

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

日期计算器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;


}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网