关闭

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

标签: jqjs字符串转换日期计算时间差
1217人阅读 评论(0) 收藏 举报
<!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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:7444次
    • 积分:300
    • 等级:
    • 排名:千里之外
    • 原创:23篇
    • 转载:0篇
    • 译文:0篇
    • 评论:5条
    最新评论