我想将持续时间转换为冒号分隔时间字符串的秒数(hh:mm:ss)
我在这里找到了一些有用的答案,但他们都谈到转换为x小时和x分钟格式.
那么有一个小代码片段可以用jQuery或原始JavaScript来完成吗?
我知道我可以做任何事情,还有一些更多关于日期的日期.但令人尴尬的是,我很难尝试做一些看起来很简单的事情:将两次之间的差异搞定.
例:
var now = "04/09/2013 15:00:00";
var then = "04/09/2013 14:20:30";
//expected result:
"00:39:30"
Run Code Online (Sandbox Code Playgroud)
我试过的:
var now = moment("04/09/2013 15:00:00");
var then = moment("04/09/2013 14:20:30");
console.log(moment(moment.duration(now.diff(then))).format("hh:mm:ss"))
//outputs 10:39:30
Run Code Online (Sandbox Code Playgroud)
我不明白那里的"10"是什么.我住在巴西,所以如果相关,我们是utc-0300.
的结果 moment.duration(now.diff(then))是具有正确内部值的持续时间:
days: 0
hours: 0
milliseconds: 0
minutes: 39
months: 0
seconds: 30
years: 0
Run Code Online (Sandbox Code Playgroud)
所以,我想我的问题是:如何将momentjs持续时间转换为时间间隔?我当然可以使用
duration.get("hours") +":"+ duration.get("minutes") +:+ duration.get("seconds")
Run Code Online (Sandbox Code Playgroud)
但我觉得有一些更优雅,我完全失踪.
更新
近看,在上面的例子now是:
Tue Apr 09 2013 15:00:00 GMT-0300 (E. South America Standard Time)…}
Run Code Online (Sandbox Code Playgroud)
并moment(moment.duration(now.diff(then)))是:
Wed Dec 31 1969 22:39:30 GMT-0200 …Run Code Online (Sandbox Code Playgroud) 这个问题有几个部分.我不反对使用jQuery插件,如果有人知道一个将完成我想要的东西.
Q1 - 如何将分钟转换为小时,反之亦然?例如,我如何将90分钟转换为1小时30分钟.在下面的代码中,如何将"totalMin"转换并显示在"convertedHour"和"convertedMin"中?
HTML:
<span class="totalMin">90</span> Minutes
<span class="convertedHour">0</span> Hours
<span class="convertedMin">0</span> Minutes
Run Code Online (Sandbox Code Playgroud)
jsFiddle:http://jsfiddle.net/ExFBD
Q2 - 我如何添加一组时段?例如,我如何加1小时30分钟,2小时45分钟和2小时15分钟?
HTML:
<span class="hour-1 hour">1</span> hour
<span class="min-1 min">30</span> min
<span class="hour-2 hour">2</span> hour
<span class="min-2 min">45</span> min
<span class="hour-3 hour">2</span> hour
<span class="min-3 min">15</span> min
<span class="totalHour">0</span> hour
<span class="totalMin">0</span> min
Run Code Online (Sandbox Code Playgroud)
jsFiddle:http://jsfiddle.net/DX9YA/
Q3 - 如何获取时间值(3小时30分钟)并将其添加到实时时间戳(如上午10:30)?我如何考虑AM vs PM?
javascript ×3
time ×3
date ×2
date-format ×1
difference ×1
jquery ×1
momentjs ×1
time-format ×1