は私がangular2の日付パイプを使用する必要が

ファイルサービスやディレクティブスクリプトファイル（だけではなくHTMLで）。は私がangular2の日付パイプを使用する必要が

アイデアはありますか？コードをアップロードすることはできません

は、そのことについて申し訳ありませんいくつかの制限を、COS。これが役立つ

new DatePipe().transform(myDate, 'yyyy-dd-MM');

ホープ：

出典

2016-12-22 Chen Dachao

@Community、私が聞いて欲しいのではない成分のみでのサービスとディレクティブでangular2日付パイプを使用する方法です質問https://stackoverflow.comと異なっています/ questions/36816548/no-to-use-a-pipe-in-a-component-in-angle-2を使用してください。 '、あなたの提案は、パラメータを逃したが、とにかく、それは私をたくさん触発： –

CommonModuleは、あなたがそれを自分で行う必要があるでしょうプロバイダーとして、それをエクスポートしませんので。これはあまり複雑ではありません。

1）輸入DatePipe：

import { DatePipe } from '@angular/common';

2）あなたのモジュールのプロバイダでDatePipeを含める：

NgModule({ 
    providers: [DatePipe] 
}) 
export class AppModule { 
}

またはコンポーネントのプロバイダ：

@Component({ 
    selector: 'home', 
    styleUrls: ['./home.component.css'], 
    templateUrl: './home.component.html', 
    providers: [DatePipe] 
}) 
export class HomeComponent { 
...

3）あなたのコンポーネントの中にそれを注入しますその他のサービスのようなコンストラクタ：

constructor(private datePipe: DatePipe) { 
}

4）それを使用します。

ngOnInit() { 
    this.time = this.datePipe.transform(new Date()); 
}

出典

2016-12-22 12:04:12

どうもありがとうございました@Alexander、それは私のために動作しますが、私はDatePipeをインポートする必要がありますこの@import {DatePipe}のように '@ angular/common/src/pipes';そうでなければwebstormはエラーを表示します。 –

@LarryChen、これはあなたの設定に何か間違っていることを意味し、私はそれを理解しています。古いバージョンのng2またはWebStormを使用している可能性があります。 –

私のバージョン： '' @ angular/common "："^2.3.0 "'、webstorm：2016.3.2 –

はこのような何かを試してみてください。

出典

2016-12-22 09:54:32

おかげAvnesh、私はDatePipeのコンストラクタは'コンストラクタ（文字列から_locate）で見つかりました。 –

サンプルコードの両方の答え '新しいDatePipe（ 'EN-US'）を組み合わせた変換（MyDateに該当、 'YYYY-DD-MM'）;' – Chimu

は私がangular2の日付パイプを使用する必要が

答えて

関連する問題