Home / Questions / 19686
Accepted
Dimoreno
Asked: 2020-08-05 19:57:01 +0800 CST 2020-08-05 19:57:01 +0800 CST

两次momentjs（angularjs）之间的范围

  • 772

我试图找到两个给定时间之间的范围，在 Si 中我想要执行以下操作：

我有 h1 = 20:00:00 和 h2= 20:30:00

我想要的是最终结果等于这个：

20:00:00--20:10:00--20:20:00--20:30:00 即给定时间增加 10 分钟

这是我的代码：

.controller('General', function($scope){
   $scope.h1=moment("18:00:00",'HH,mm,ss').format('HH-mm-ss');
   $scope.h2=moment("21:00:00",'HH,mm,ss').format('HH-mm-ss');

  var rangoMinutos = function(h1, h2) {
      var rango= [];

      while (h1 <= h2) {
          rango.push(h1);
          h1.add(1,'hours');//NO SE SI ESTE BIEN ESTO
      }
      return rango;
  };

  var results1 = rangoMinutos($scope.h1, $scope.h2);
  alert(results1)//ver resultado de los rangos
})
javascript

2 Answers

  1. 我不知道 MomentJS，但您应该做的第一件事是将两次转换为您可以实际比较它们不同的格式。

    const range = (start, end, interval) => {
    let s = start.split(':').map(s => s)
    let e = end.split(':').map(e => e)
    let time = []
    while (!(s[0] === e[0] && s[1] > e[1])) {
        time.push(s[0] + ':' + (s[1] < 10 ? '0' +s[1] : s[1]))
        s[1] += interval
        if (s[1] > 59) {
            s[0] += 1
            s[1] %= 60
        }
    }

    return time
}
console.log(range('18:80', '21:00', 30))
    • 0
  2. Best Answer

    我在您的代码中看到的主要问题是，在生成数组时，您将添加相同的时刻对象 n 次，因此当您阅读它时，您将同时获得 n 个相等的元素。

    如果要创建矩对象数组，则每次向数组中添加元素时都应创建一个新对象。

    看看这个例子：

    function calculateRange(start, end, minutes){
  var range = [];
  for(var hour = moment(start); hour.isBefore(end); hour.add(minutes, 'minutes') ){
    range.push(moment(hour));
  }
  range.push(moment(end));
  return range;
}


$(function(){
  $('#calculate').click(function(){
    var start = moment($('#startHour').val(), 'H:mm:ss');
    var end = moment($('#endHour').val(), 'H:mm:ss');
    var rangeArray = calculateRange(start, end, 10);
    var result = rangeArray.map(function(hour){ return hour.format('HH:mm:ss'); });
    $('#result').text(result.join(' --- '));
  });
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Start: <input type="text" id="startHour" value="08:14:00"><br />
End: <input type="text" id="endHour" value="14:34:57"><br />
<button id="calculate">
Calculate
</button><br /><br />
<div id="result">

</div>

    • 0