javascript - Moment/JavaScript - 生成具有 15 分钟悬崖的时隙数组

Question

我正在生成以下数组:

当前输出:

["11:00", "11:15", "11:30", "11:45", "12:00", "12:15", "12:30", "12:45", "13:00", "13:15", "13:30", "13:45", "14:00", "14:15", "14:30", "14:45", "15:00", "15:15", "15:30", "15:45", "16:00", "16:15", "16:30", "16:45", "17:00", "17:15", "17:30", "17:45", "18:00", "18:15", "18:30", "18:45", "19:00", "19:15", "19:30", "19:45", "20:00", "20:15", "20:30", "20:45", "21:00", "21:15", "21:30", "21:45", "22:00", "22:15", "22:30", "22:45", "23:00", "23:15", "23:30", "23:45"]

代码:

var startTime = moment().utc().set({hour:11,minute:00});
var endTime = moment().utc().set({hour:23,minute:59});

 var timeStops = [];

while(startTime <= endTime){
    timeStops.push(new moment(startTime).format('HH:mm'));
    startTime.add(15, 'minutes');
}

console.log('timeStops ', timeStops)

问题:

目前，一切正常，符合预期；但是，我有一个逻辑问题。

让我们假设 结束时间 是午夜后 2 小时凌晨 2:00，知道我正在遵循 24 小时表示法(因为这是必需的)。

在这种情况下，它不会在数组上推送任何内容，因为它认为结束时间早于开始时间；然而，这是第二天的结束时间。

顺便说一下，我从后端收到以下信息:

 [11:00, 02:00] meaning [openingTime, closingTime]

Answer 1

您可以简单地检查是否 endTime之前 startTime使用 isBefore ，那么你可以 add 有朝一日做endTime代表第二天。

这是一个实时示例:

function getTimeStops(start, end){
  var startTime = moment(start, 'HH:mm');
  var endTime = moment(end, 'HH:mm');
  
  if( endTime.isBefore(startTime) ){
    endTime.add(1, 'day');
  }

  var timeStops = [];

  while(startTime <= endTime){
    timeStops.push(new moment(startTime).format('HH:mm'));
    startTime.add(15, 'minutes');
  }
  return timeStops;
}

var timeStops = getTimeStops('11:00', '02:00');
console.log('timeStops ', timeStops);
timeStops = getTimeStops('11:00', '23:59');
console.log('timeStops ', timeStops);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>

Here类似的问题，有类似的解决方案。