使用moment js显示基于开始和结束日期的持续时间以及间隔 [英] Display time duration based on start and end date with interval using moment js
本文介绍了使用moment js显示基于开始和结束日期的持续时间以及间隔的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想显示给定开始时间、结束时间和间隔的持续时间数组.
I want to display array of durations given the startTime, endTime, and interval.
let value = {
interval: '00:30:00',
startTime: '03:00:00',
endTime: '20:00:00'
};
样本输出必须是具有给定间隔的持续时间数组
Sample output must be an array of durations with the given interval
-startTime 减去间隔,所以新的 startTime = 02:30:00
-startTime minus the interval, so the new startTime = 02:30:00
[0] => '02:30 am - 03:00 am'
[1] => '03:00 am - 03:30 am'
[2] => '03:30 am - 04:00 am'
[3] => '04:00 am - 04:30 am'
......
[n] => '07:30 pm - 08:00 pm'
这是我的功能
function showTimeIntervals(value) {
let result = value.interval.split(",");
let start = "";
let timeNotation = '';
let time = '';
for(let i in result) {
let hr = moment(result[i], 'HH:mm').format('HH');
let min = moment(result[i], 'HH:mm').format('mm');
hr = (hr != 0) ? parseInt(hr, 10) : '';
min = (min != 0) ? parseInt(min, 10) : '';
if(hr != 0) {
time = hr;
timeNotation = 'hour';
start = moment(value.startTime, 'hh:mm a').subtract(hr, 'hour');
} else {
time = min;
timeNotation = 'minutes';
start = moment(value.startTime, 'hh:mm a').subtract(min, 'minutes');
}
}
var end = moment(value.endTime, 'hh:mm a');
if(end < start)
end = end.add(1, 'd');
var finalResult = [];
var current = moment(start);
while (current <= end) {
finalResult.push(current.format('hh:mm a'));
current.add(time, timeNotation);
}
return finalResult;
}
但它给的是个人时间而不是持续时间
But it gives individual time not a duration
[0] => '02:30 am'
[1] => '03:00 am'
[2] => '03:30 am'
[3] => '04:00 am'
......
[n] => '08:00 pm'
这是一个小提琴 -> https://jsfiddle.net/zm368de9/
Here's a fiddle -> https://jsfiddle.net/zm368de9/
有没有一种最简单的方法可以让 js 做到这一点?
Is there an easiest way a moment js can do that?
推荐答案
这是使用 moment.js 生成间隔的另一个选项.
Here is another option to generate intervals using moment.js.
let value = {
interval: '00:30:00',
startTime: '03:00:00',
endTime: '20:00:00'
};
var inputDataFormat = "HH:mm:ss";
var outputFormat = "HH:mm a";
var tmp = moment(value.interval, inputDataFormat);
var dif = tmp - moment().startOf("day");
var startIntervalTime = moment(value.startTime, inputDataFormat).add(-dif, "ms");
var endIntervalTime = moment(value.startTime, inputDataFormat);
var finishTime = moment(value.endTime, inputDataFormat);
function prepareIntervals() {
var intervals = [];
while(startIntervalTime < finishTime) {
var format = startIntervalTime.format(outputFormat) + " - " + endIntervalTime.format(outputFormat);
intervals.push(format);
startIntervalTime.add(dif, "ms");
endIntervalTime.add(dif, "ms");
}
return intervals;
}
console.dir(prepareIntervals());
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.js"></script>
这篇关于使用moment js显示基于开始和结束日期的持续时间以及间隔的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文