您的位置：首页 > Web前端 > JavaScript

jq、js实现字符串转换日期计算时间差

2016-06-01 15:23 821 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>出差时差</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#t4 input").blur(function() {
//取出日期时间的值
var day1 = $("#t1 input").val();
var time1 = $("#t2 input").val();
var day2 = $("#t3 input").val();
var time2 = $("#t4 input").val();
//拆分日期
var arr1 = day1.split("-");
var arr2 = day2.split("-");
//字符串转换成日期对象
var date1 = new Date(parseInt(arr1[0]), parseInt(arr1[1]), parseInt(arr1[2]), parseInt(time1));
var date2 = new Date(parseInt(arr2[0]), parseInt(arr2[1]), parseInt(arr2[2]), parseInt(time2));
//计算并插入结果
$("#t5").html((Number(date2) - Number(date1)) / 3600000);
})
})
</script>

</head>

<body>
<form>
<fieldset>出差时间计算</fieldset>
<table>
<tr>
<td>出差日期(年月日：2016-06-01)</td>
<td id="t1"><input type="text" /></td>
</tr>
<tr>
<td>出差时间(小时：24)</td>
<td id="t2"><input type="text" /></td>
</tr>
<tr>
<td>回程日期(年月日：2016-06-01)</td>
<td id="t3"><input type="text" /></td>
</tr>
<tr>
<td>回程时间(小时：24)</td>
<td id="t4"><input type="text" /></td>
</tr>
<tr>
<td>出差用时(小时)</td>
<td id="t5"><input type="text" /></td>
</tr>

</table>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航