Angularjs根据开始日期和结束日期排序?

时间:2017-08-29 14:43:22

标签: html angularjs meanjs

我想使用meanjs app中的日期范围功能过滤基于invoice_date的项目(开始日期和结束日期)。

  • 我的问题是日期过滤功能在plunker and my localHost production中完美运行,但在推送到服务器时,如果某些May month数据显示最多invoice_date个数据invoice_date 1}}值日期是`2017-08-24和2017-07-27'这些数据没有显示在表格中,我不知道我在哪里犯了错误以及我错过了什么..... My Plunk

  • 请看我的傻瓜参考。

  • 我显示invoice_date,因此这是我想要用于过滤的字段。

  • 所以我一直在寻找,我想过滤24-05-2017作为开始日期和结束日期:例如: - 如果我们选择开始日期,如{{1表格中的结束日期为24-08-2017这两个交易只需要显示或过滤...所以我使用了日期范围过滤器来实现这个解决方案,但在服务器中它不适合我们救命。

  • 在我的服务器中,如果我选择end date作为今天的日期,所有数据都显示在表格中,那么我认为问题基于这些字段{{1} }

  • 有两种解决方案: - (i)如果我们将$scope.from = new Date(2014, 04, 30); $scope.to = new Date(2019, 08, 25);设置为日期范围功能中今天的默认日期,则所有数据都会完美显示。

  • (ii)enter image description here在终端发生此错误如果我们解决此错误肯定会得到解决方案,我自己尝试过但我无法解决这个问题...所以请帮助解决这个问题问题

控制器:

end date

HTML

 .filter('dateRange', function() {
    return function(records, dateKey, from, to) {
        return records.filter(function(record) {
            return !moment(record[dateKey], 'YYYY-MM-DD').isBefore(moment(from))
            && !moment(record[dateKey], 'YYYY-MM-DD').isAfter(moment(to));
        });
    };
})

过滤器: -

<input type="date" class="form-control" name="from" ng-model="from">

<input type="date" class="form-control" name="to" ng-model="to">

1 个答案:

答案 0 :(得分:0)

您是否已将moment.js包含在项目中。 如果没有,那么尝试包括它。

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)