AngularJs ng-if 比较日期 [英] AngularJs ng-if comparing dates

问题描述

我希望在 ng 中比较两个日期 - 如果这是我的玉文件的样子.

li.list-group-item(ng-if="app.Segments[0].StartDate.getTime() > date.getTime()")div.rowdiv.col-xs-12跨度i.fa.fa-plus-square

如果第一段的开始日期在今天之后，此代码有望在我的 ui 中添加一个 li.

$scope.date = new Date();$scope.app = {段:[{开始日期:2014-11-15T04:00:00.000Z结束日期:2014-11-20T04:00:00.000Z},{开始日期:2014-11-21T04:00:00.000Z结束日期:2014-11-25T04:00:00.000Z}]}

有没有办法让这个工作?

解决方案

如果是日期对象，直接比较就不用.getTime()

$scope.date2005 = new Date('2005/01/01');$scope.date2006 = new Date('2006-01-01T04:00:00.000Z');

<div ng-if="date2005 > date2006">date2005 >date2006

<!-- 不会显示--><div ng-if="date2006 > date2005">date2006 >date2005

<!-- 将显示-->

http://plnkr.co/edit/fNB11U6KmFszdV3lMAPJ?p=preview

I am looking to compare two dates in ng-if this is what my jade file looks like.

li.list-group-item(ng-if="app.Segments[0].StartDate.getTime() > date.getTime()")
    div.row
        div.col-xs-12
            span
                i.fa.fa-plus-square

This code will hopefully add an li to my ui if the startdate of the first segment is after today.

$scope.date = new Date();
$scope.app = {
    Segments: [{
       StartDate: 2014-11-15T04:00:00.000Z
       EndDate: 2014-11-20T04:00:00.000Z
    },
    {
        StartDate: 2014-11-21T04:00:00.000Z
        EndDate: 2014-11-25T04:00:00.000Z
    }]

}

Is there anyway to make this work?

解决方案

If they're date object just compare them directly without .getTime()

$scope.date2005 = new Date('2005/01/01');
$scope.date2006 = new Date('2006-01-01T04:00:00.000Z');

<div ng-if="date2005 > date2006">date2005 > date2006</div> <!-- won't show -->
<div ng-if="date2006 > date2005">date2006 > date2005</div> <!-- will show -->

http://plnkr.co/edit/fNB11U6KmFszdV3lMAPJ?p=preview

这篇关于AngularJs ng-if 比较日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！