日期转换为天、小时、分钟格式
Date Converstion to days, hours, mins format
我正在用javascript将两个日期之间的差异转换为Days:Hours:Mins格式。
<html>
<head>
<script type="text/javascript"
src="jquery-1.9.1.min.js""></script>
<script type="text/javascript">
$(document).ready(function(){
var today = new Date();
var before = new Date();
before.setDate(today.getDate() - 3);
var diff = today.getTime() - before.getTime();
var diffMinutes = diff / (60 * 1000) % 60;
var diffHours = diff / (60 * 60 * 1000) % 24;
var diffDays = diff / (24 * 60 * 60 * 1000);
$('#days')[0].innerHTML = diffDays;
$('#hours')[0].innerHTML = diffHours;
$('#minutes')[0].innerHTML = diffMinutes;
setInterval(myfunc,60000);
function myfunc(){
if(diff > 0){
diff = diff - 60000;
diffMinutes = diff / (60 * 1000) % 60;
diffHours = diff / (60 * 60 * 1000) % 24;
diffDays = diff / (24 * 60 * 60 * 1000);
$('#days')[0].innerHTML = Math.floor(diffDays);
$('#hours')[0].innerHTML = Math.floor(diffHours);
$('#minutes')[0].innerHTML = diffMinutes;
}
}
});
</script>
</head>
<body>
<div>
<table>
<tr>
<td>
<label>Days:</label>
</td>
<td>
<label id="days"></label>
</td>
<td>
<label>Hours:</label>
</td>
<td>
<label id="hours"></label>
</td>
<td>
<label>Mintues:</label>
</td>
<td>
<label id="minutes"></label>
</td>
</tr>
</table>
</div>
</body>
当计算差异时,它将类似于天:2小时:4分钟:52
我想要的是,如果天或小时是个位数,我想在它们之前加0。
如何做到这一点?是否可以使用正则表达式或数字格式?
您应该使用Moment.js。查看Difference部分。如果由于某种原因你不能使用库,你至少可以使用它们的源代码并派生出你自己的解决方案。
相关文章:
- Jqgrid 24小时格式的日期列
- 将时间格式更改为24小时格式
- 如何在jQuery日期时间选择器中添加12小时格式
- javascript/jquery 数字时钟脚本,24 小时格式,带有日期
- 24小时格式的日期范围选取器
- 如何从12小时格式创建javascript日期
- jQuery 掩码插件中的时间验证 24 小时格式
- 如何使用 javascript 进行总共 24 小时验证维护 12 小时格式
- 使用 Date.js 解析 12 小时格式时获取 null
- 如何计算 24 小时格式的两个时间之间的差异
- JavaScript 格式化时间 24 小时格式为 12 小时
- 日期范围选取器输入字段不是 24 小时格式
- 使用 javascript 或 jquery 以 24 小时格式减去时间
- 如何使用 javascript 将小时转换为 12 小时/24 小时格式
- UTC 时间不是以 24 小时格式显示的,并且在上午 12 点之后不正确
- 24 小时格式的小时和分钟与前导零
- 以12小时格式显示时间
- 需要12小时格式而不显示AM/PM时间选择器
- 如何使用javascript将时间从24小时格式转换为12小时格式
- 如何使用angular获得AM/PM的12小时格式