具有日期范围的Angular ng-repeat Filter通过Bootstrap UI Datepicker进行

Question

我有重复项目，我正在尝试使用Bootstrap UI datepickers过滤带有日期范围的列表。我不完全确定这样做的最佳方法是什么。

我有两个日期选择器，dateFrom＆amp; dateTo和当我选择时，我希望它按日期范围按CreatedOn过滤项目，如下所示：

<div ng-repeat="orderObj in filteredOrders = orders | filter: ({CreatedOn: dateFrom} || {CreatedOn: dateTo})" class="authorisation-row">

 <div class="c1">
    {{orderObj.OrderReference}}
</div>
 <div class="c2">
     {{orderObj.DeliveryAddress}}
 </div>
<div class="c3">
    {{orderObj.CreatedOn | date:'dd/MM/yyyy'}}
</div>

我的控制器代码看起来像这样，我添加了一个观察者来通过dateFrom更新项目，但我不确定这是否适用于两个日期选择器。

 $scope.orders = orderFactory.get({ id: selectUser });

$scope.orders.$promise.then(function () {

    $scope.$watch('dateFrom', function (newVal, oldVal) {
        $scope.filteredOrders = filterFilter($scope.orders, newVal);

    }, true);
});

我非常感谢任何有关此工作的提示或建议。