好长时间没更新了，最近有项目在做，进度不容忽视啊⊙﹏⊙，这边儿就在睡觉之前把这个js算日期的间隔发一发，想着可能后面项目中会用到也说不定，赶紧的吧。老习惯，先上效果图：
图一
图二
这边儿例子和效果就比较单一了，就是输入个时间，或者你用jquery的时间控件，选了个时期上面了，然后你想得到这个选择的日期之间的间隔时间，比如天数，小时，分，甚至是秒，我这里是算的小时，算天除个24，算分成个60等等，这个我不赘述了，代码如下[各类需求请参照着代码自行改动]：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('btn_calc').onclick = function() {
var obj = document.getElementById('demo').getElementsByTagName('input');
var ar_ds = obj[0].value.split('-');
var ar_ts = obj[1].value.split(':');
var ds = new Date(ar_ds[0], ar_ds[1] - 1, ar_ds[2], ar_ts[0], ar_ts[1]);
var ar_de = obj[2].value.split('-');
var ar_te = obj[3].value.split(':');
var de = new Date(ar_de[0], ar_de[1] - 1, ar_de[2], ar_te[0], ar_te[1]);
var result = de.getTime() - ds.getTime();
document.getElementById('result').innerHTML = '请假时间：' + (result / 3600000).toFixed(1) + '小时';
}
}
</script>
</head>
<body>
<div id="demo">
开始日期：<input type="text" value="2012-05-23" /> 开始时间：<input type="text" value="08:30" /><br />
结束日期：<input type="text" value="2012-05-24" /> 结束时间：<input type="text" value="17:30" /><br />
<button id="btn_calc">计算</button>
</div>
<div id="result"></div>
</body>
</html>
- 大小: 14.4 KB
- 大小: 17.6 KB
分享到：
相关推荐
kettle中使用js计算两个日期之间的天数
NULL 博文链接：https://xiaolinjava.iteye.com/blog/769359
代码如下:// 计算两个日期的间隔天数 function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式 var aDate, oDate1, oDate2, iDays aDate = sDate1.split(“-“) oDate1 = new Date...
计算两个日期相隔天数并减去节假日，这个可以使用在各种需要通知的场景以及工作日提醒等
JS 两个字符串时间的天数差 代码如下: var s = ((new Date(paramObj.end_date.replace(/-/g,”\/”))) – (new Date(paramObj.start_date.replace(/-/g,”\/”)))); var day = s/1000/60/60/24
计算两个日期之间的天数。 http://loganfranken.github.io/days/#/between/{Date1}/{Date2} 查看。 前几天 计算从日期减去天数后得到的日期。 http://loganfranken.github.io/days/#/{Days}/before/{Date} 观看...
获得两个日期的间隔 7.格式化日期时间 8.得到随机日期 复制代码 20.视频转换类 VideoConvert 1.获取文件的名字 2.获取文件扩展名 3.获取文件类型 4.视频格式转为Flv 5.生成Flv视频的缩略图 6.转换文件并保存在指定...
获得两个日期的间隔 7.格式化日期时间 8.得到随机日期 复制代码 20.视频转换类 VideoConvert 1.获取文件的名字 2.获取文件扩展名 3.获取文件类型 4.视频格式转为Flv 5.生成Flv视频的缩略图 6.转换文件并保存在指定...
那么重点看一下[系统用户组管理]——邮件激活及审核状态两个组的权限，进入编辑可以设置。然后记得更新一下缓存，更新缓存方法下面会介绍到。 3、管理员添加 | 管理：（admin.asp） 顾名思义就是添加管理员功能...
旷工：未按时进行预定义的签到动作的行为，例如，每天设定了上午下午两次签到点，上午未签到将为上午记录一次旷工；下午同理。 轮班：在用户绑定到某一签到组后（例如签到时间为早8：00~12：00，下午14：00~18：00...