首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >最好的方法,最好的方式比较日期使用ngIf在角2?

最好的方法,最好的方式比较日期使用ngIf在角2?
EN

Stack Overflow用户
提问于 2017-04-11 15:58:18
回答 3查看 9.4K关注 0票数 5

我正在尝试用ngIf比较我的应用程序中的日期,但到目前为止,我还无法使它正常工作。

代码语言:javascript
复制
<div *ngIf="(todaysdate | date:'MMM dd' == duedate | date:'MMM dd')">
List
</div>

我想使用date管道比较它们,因为完整日期字符串上的时间是不同的,我只想比较日期。任何关于如何正确地做到这一点的建议都是非常感谢的。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-09-11 16:32:03

当你正确地安排你的日期时,比较效果很好(例如。(圣诞节20191224 )。所以这应该有效

代码语言:javascript
复制
<div *ngIf="(todaysdate | date:'yMMdd' == duedate | date:'yMMdd')">
    List
</div>
票数 5
EN

Stack Overflow用户

发布于 2017-04-11 16:38:17

最快的解决方案是this.todaysdate.setHours(0, 0, 0, 0);,在构造函数中之前,您将在日期上这样做。

但是,您也可以将它发送到组件*ngIf="compareDates()"上并在其上进行表达式。

代码语言:javascript
复制
compareDates(){
   return this.todaysdate.setHours(0, 0, 0, 0) == this.duedate.setHours(0, 0, 0, 0);
}
票数 1
EN

Stack Overflow用户

发布于 2021-03-09 18:06:10

有一点额外,但这是我根据比较到期日期的答案做的。此外,"expireDate“作为一个对象出现,我不能简单地用两个date对象进行比较。

.ts

代码语言:javascript
复制
today = new Date();

.html

代码语言:javascript
复制
<div *ngIf="(expireDate | date: 'yMMdd') > (today | date: 'yMMdd'); else template_Expired">
      {{ expireDate | date }}
</div>

<ng-template #template_Expired>
      <div class="expired">
        {{ expireDate | date }}
      </div>
</ng-template>

.css

代码语言:javascript
复制
.expired {
  font-weight: bold;
  color: red;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43350898

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档