在 ng-repeat 中仅显示今天的事件

Question

我正在尝试仅打印在 ng-repeat 中为“今天”安排的事件。我有一个部分显示所有事件，目前运行良好。这是代码：

<div ng-controller="mainCtrl">


          <div ng-repeat="event in events | limitTo:100 | filter:tfilter | orderBy: 'date' | filterPastDates">
            <div class="row">
              <div class="col-md-6">
                <h4>{{event.date | amDateFormat:'MMMM Do'}}</h4>
              </div>
              <div class="col-md-6">
                <h4>{{event.name}}</h4>
              </div>
            </div>

使用 filterPastDates 过滤器，已通过的事件被删除。我使用以下方法解决了我今天的事件被删除的问题：

angular.module('zenCityApp')
.filter('filterPastDates', function () {
  return function (events) {
    if (events && events.length) {
      var filtered = [];
      var cutOffDate = moment().startOf('day').subtract(1, 'millisecond');
      for (var i = 0; i < events.length; i++) {
        var evt = events[i];
        if (cutOffDate.isBefore(evt.date)) {
          filtered.push(evt);
        }
      }
      return filtered;
    } else {
      return events;
    }
  };
});

我正在尝试制作一个仅显示今天的事件的部分，但我无法使其正常工作。这是html（现在我只是想让它打印出日期）：

<div class="col-md-6">
        <div class="row">
        <h2>Today's Events</h2>
      </div>
      <div class="row">
        <div ng-controller="mainCtrl">
          <div ng-repeat "event in events | orderBy: 'date' | eventDateFilter">
            <h4>{{event.date | amDateFormat:'MMMM Do'}}</h4>
          </div>

        </div>
      </div>
      </div>

这是我尝试使用的过滤器，基于我上面使用的过滤器：

      angular.module('zenCityApp')
.filter('eventDateFilter', function () {
  return function (events) {
    if (events && events.length) {
      var eventsToday = [];
      var startOfDay = moment().startOf('day').subtract(1, 'millisecond');
      var endOfDay = moment().endOf('day');
      for (var i = 0; i < events.length; i++) {
        var evt = events[i];
        if (startOfDay <= evt.date <= endOfDay) {
          eventsToday.push(evt);
        }
      }
      return eventsToday;
    }
  };
});

任何帮助将不胜感激！

Answer 1

您不能链接不等式检查：startOfDay <= evt.date <= endOfDay 不是相关的布尔检查：它实际上是有效的，但等效于 (startOfDay <= evt.date) <= endOfDay 或 (true | false) <= endOfDay，无论出于何种意图和目的，它始终是正确的。

请仔细检查一下：if (startOfDay.isBefore(evt.date) && evt.date.isBefore(endOfDay)) ... 应该会给您想要的答案。