2017-12-09 4 views
0

요구 사항 - 다음 주 데이터를 표시하고 싶습니다. 현재 위치 - 아래는 내 html 코드입니다. deadline_date (list.deadline_dt)와 오늘 날짜 (this.datt1)를 비교하는 데 ngIf를 사용했습니다. 날짜 형식 (dd-MM-yy)을 사용했지만 비교하지 않았습니다 두 날짜. 그래서 'timeAgo'를 사용합니다.하지만 여전히 작동하지 않습니다.날짜를 비교하고 다가오는 주 데이터를 표시하는 방법은 무엇입니까?

<ion-card> 
<ion-card-header> 
    Upcoming Week Tasks to do 
</ion-card-header> 
<ion-card-content> 
    <!-- Add card content here! --> 

    <ion-list *ngFor="let list of dataa" > 

    <ion-item class="desc" *ngIf="(list.DEADLINE_DT | timeAgo) >= (this.datt1 | timeAgo)"> 
     <p style="color:#9ea5a9; margin-top:10px" item-start>{{list.TASKDESC}}</p> 
     <p style="color:green"> {{list.DEADLINE_DT}} </p> 
     <p style="color:#9ea5a9; margin-top:10px" item-end>{{list.ENTUSR }}</p> 
     <hr/> 

    </ion-item> 

    </ion-list> 

</ion-card-content> 

.TS

public datt=new Date(); 
this.datt1=this.datepipe.transform(this.datt,'dd-MMM-yy'); 
console.log(this.datt1,"sysdat"); 

enter image description here

+0

timeAgo 파이프는 어디서 오는 걸까요? –

답변

0

나는 TIMEAGO 파이프는 시간이 과거에 얼마나 당신을 알려줍니다 같은데요? 나는 그것이 필요하다고 생각하지 않는다. 당신은 과거에 있지 않은 다음 주를 표시하고 싶습니다. 또한 두 날짜를 비교하기 위해 Date 객체를 파이프를 통해 파이프 할 필요가 없습니다. 당신은 그들을 직접 비교할 수 있습니다.

나는이 문제를 this.datt1과 비교하고 있다고 생각합니다. 그것은 구성 요소/페이지 클래스의 속성입니까? 그렇다면 을 넣지 말고 datt1으로 참조하십시오.

+0

내 편집 된 게시물을 다시보십시오. –

+0

예, 템플릿에서 'this'를 사용하여 속성을 참조하지 않으므로 속성의 이름 만 사용하십시오. –

+0

이 문제를 어떻게 해결할 수 있습니까? –