2017-12-11 20 views
0

timeAgo npmパッケージを使用して時刻を表示しましたが、間違った時刻が表示されます。 ENTDT(Entry date)も表示します。私はionago 2でタイムアゴを表示するには?

npm install time-ago-pipe --save 

app.module.ts

import {TimeAgoPipe} from 'time-ago-pipe'; 

宣言

TimeAgoPipe

<ion-list no-lines *ngFor="let list of displayList;let i=index;" > 
    <ion-item text-wrap *ngIf="list.STATUS=='ACTIVE'" style="padding-left:30px;padding-right:30px;"> 
    <p style="font-size: 10px;margin-top:-5px;" [style.color]="list.ENTDT > list.DEADLINE_DT ? '#fece60' : '#9DA4AB'">{{list.ENTDT | timeAgo}}{{list.ENTDT}}</p> 
    </ion-item> 
</ion-list> 

をパッケージ化、私はタスク数秒aを与える時間前にインストール

それは16時間前に表示されます。

enter image description here

答えて

0

、あなたのapp.module.ts

npm install --save angular2-moment 

インポートモジュール、

import { MomentModule } from 'angular2-moment'; 

@NgModule({ 
    imports: [ 
    MomentModule 
    ] 
}) 

とコンポーネントでそれを使用した瞬間JS角度2以上のためのインストールこのように、

@Component({ 
    selector: 'app', 
    template: ` 
    Last updated: {{myDate | amTimeAgo}} 
    ` 
}) 

詳細については、こちらをご確認くださいdocumentation

+0

説明したように私は自分のコードにangular2-momentをインストールします。どのように私はhtmlで使用することができます。 –

+0

好きなように使用します

{{myDate | amTimeAgo}}

Gowtham

+0

私は{{this.ENTDT | amTimeAgo}}しかし、それはモジュールの瞬間を見つけることができないエラーを与える。 –

関連する問題