js得到两个日期之间间隔的天数

最新推荐文章于 2023-08-03 16:42:11 发布

phantomes

最新推荐文章于 2023-08-03 16:42:11 发布

阅读量243

点赞数

文章标签： xhtml javascript ViewUI

好长时间没更新了，最近有项目在做，进度不容忽视啊⊙﹏⊙，这边儿就在睡觉之前把这个js算日期的间隔发一发，想着可能后面项目中会用到也说不定，赶紧的吧。老习惯，先上效果图：

图一

图二

这边儿例子和效果就比较单一了，就是输入个时间，或者你用jquery的时间控件，选了个时期上面了，然后你想得到这个选择的日期之间的间隔时间，比如天数，小时，分，甚至是秒，我这里是算的小时，算天除个24，算分成个60等等，这个我不赘述了，代码如下[各类需求请参照着代码自行改动]：

Html代码

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scripttype="text/javascript">
window.onload=function(){
document.getElementById('btn_calc').onclick=function(){
varobj=document.getElementById('demo').getElementsByTagName('input');
varar_ds=obj[0].value.split('-');
varar_ts=obj[1].value.split(':');
vards=newDate(ar_ds[0],ar_ds[1]-1,ar_ds[2],ar_ts[0],ar_ts[1]);
varar_de=obj[2].value.split('-');
varar_te=obj[3].value.split(':');
varde=newDate(ar_de[0],ar_de[1]-1,ar_de[2],ar_te[0],ar_te[1]);
varresult=de.getTime()-ds.getTime();
document.getElementById('result').innerHTML='请假时间：'+(result/3600000).toFixed(1)+'小时';
}
}
</script>
</head>
<body>
<divid="demo">
开始日期：<inputtype="text"value="2012-05-23"/> 开始时间：<inputtype="text"value="08:30"/><br/>
结束日期：<inputtype="text"value="2012-05-24"/> 结束时间：<inputtype="text"value="17:30"/><br/>
<buttonid="btn_calc">计算</button>
</div>
<divid="result"></div>
</body>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js得到两个日期之间间隔的天数

好长时间没更新了，最近有项目在做，进度不容忽视啊⊙﹏⊙，这边儿就在睡觉之前把这个js算日期的间隔发一发，想着可能后面项目中会用到也说不定，赶紧的吧。老习惯，先上效果图：图一图二这边儿例子和效果就比较单一了，就是输入个时间，或者你用jquery的时间控件，选了个时期上面了，然后你想得到这个选择的日期之间的间隔时间，比如天数，小时，分，甚至是秒，我这里是算的小时，...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。