对未格式化的日期表达式进行AngularJS ng-repeat过滤

Question

我有一些JSON我会加入我的Angular应用程序。我使用ng-repeat将JSON输出到页面，但我现在想要在日期字段上过滤。我可以使用ng-model查询过滤必要的字段。但是，来自服务器的数据将在转发器本身的过滤器中转换为特定的日期格式。因此，使用过滤器框不能按预期工作。在这一点上我不确定如何将输入到ng-model文本框中的内容转换为所需的格式。

Enter the time you left: <input ng-model="query.start">
<ul>
  <li ng-repeat="incident in Traffic | filter: query">
      <h3>{{incident.description}}</h3>
      <p>Start: {{incident.start | jsonDate : 'yyyy-MM-dd HH:mm'}}</p>
      <p>End: {{incident.end| jsonDate : 'yyyy-MM-dd HH:mm'}}</p>
  </li>
</ul>

Answer 1

一种选择是使用Angular UI的datepicker来提供一个不错的日期选择器用户界面，而不是让用户手动输入日期。有了这个，你的ng-model是一个真正的JavaScript Date对象而不是一个字符串。如果更改，您可以将其与服务器数据中的日期进行比较，并filter them at the controller level。仅将匹配的数据推送到单独的数组中，并使用ng-repeat显示 数组，而不是原始服务器提供的数组。