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

ocp114

已于 2022-11-13 22:24:45 修改

阅读量1.8k

点赞数

文章标签： jq js 字符串转换日期计算时间差

于 2016-06-01 15:23:47 首次发布

本文链接：https://blog.csdn.net/ocp114/article/details/51556291

版权

<!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>

ocp114

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq、js实现字符串转换日期计算时间差

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;出差时差&lt;/title&gt; &lt;script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"&
复制链接

扫一扫