[解決済み] Angular 5 の Component で日付をフォーマットする方法
2022-03-12 10:37:22
質問
私はangularの初心者で、コンポーネントのngOnInitメソッドで日付をフォーマットすることを探しています。パイプ演算子を使用してデータをフォーマットするいくつかの例を見たことがありますが、私はコンポーネントファイルで日付をフォーマットする方法がわかりません。
以下はコードです。
export class DashboardComponent implements OnInit {
formatdate = 'dd/MM/yyyy';
constructor(private auth: AuthService) { }
ngOnInit() {
console.log(new Date().toISOString())
}
}
解決方法は?
を見つけることができます。 日付パイプの詳細については、こちらをご覧ください。 のような、フォーマットなど。
自分のコンポーネントで使いたい場合は、単純に
pipe = new DatePipe('en-US'); // Use your own locale
ここで、そのtransformメソッドを使用すれば、次のようになります。
const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');
関連
-
[解決済み] FormBuilder のプロバイダがない [重複] 。
-
[解決済み] 未定義のプロパティ 'filter' を読み取ることができません。
-
[解決済み] Uncaught (in promise): Ionic 2でcordova_not_available。
-
[解決済み] ActivatedRouteSnapshot の注入ができない。
-
[解決済み] ウェブストーム Must be lvalue」の意味するところ
-
[解決済み] Angular InjectionTokenが「No provider for InjectionToken」をスローします。
-
[解決済み] Angular 2 : NgModule のメタデータが見つかりません。
-
[解決済み] Angular HTMLバインディング
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angularの@Directiveと@Componentの比較
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 型 '{}' は型 '{ title: string; text: string; }' に代入できません。
-
[解決済み] 未定義のプロパティ 'filter' を読み取ることができません。
-
[解決済み] Angular 5:"ControlContainerのプロバイダがありません"
-
[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は?
-
[解決済み] ERROR エラーです。StaticInjectorError(AppModule)[UserformService -> HttpClient]です。
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] switchの使用時に「ステートメントはif文でフィルタリングされなければならない」というtslintのクレームが発生する。
-
[解決済み] モジュール "ionic-native" が見つかりません。
-
[解決済み] モジュール 'ngx-cookie-service' が見つかりません。
-
[解決済み] JavaScriptで日付をMM/dd/yyyyにフォーマットする【重複】。