angular 2 で日付を 'yyyy-MM-dd' 形式に変換する方法
2023-10-11 03:39:01
質問
現在のデータを
'yyyy-MM-dd'
に変換したい。私はそれがデータパイプを使用することによって容易に行うことができるテンプレート。
テンプレートで。
{{date | date:'yyyy-MM-dd'}}
このフォーマットで変換する方法
'yyyy-MM-dd'
タイプスクリプトで
.
を使って、現在の日付を取得しているところです。
this.date = new Date();
のように表示されますが、これを所定の形式に変換する必要があります。 どのようにそれを行うには、ガイドしてください... ありがとうございます。
どのように解決するのですか?
日付は、typescriptで次のような形式に変換することができます。
'yyyy-MM-dd'
Datepipeを使用することで
import { DatePipe } from '@angular/common'
...
constructor(public datepipe: DatePipe){}
...
myFunction(){
this.date=new Date();
let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
}
で、app.module.tsのprovidersの配列にDatepipeを追加するだけです。こんな感じ。
import { DatePipe } from '@angular/common'
...
providers: [DatePipe]
関連
-
[解決済み] Angular 5 の Component で日付をフォーマットする方法
-
[解決済み] パイプ ' ' が見つかりません。
-
[解決済み] Reactive Forms - フィールドをタッチしたものとしてマークする
-
[解決済み] FormGroupとFormArrayの使い分けは?
-
[解決済み] angular keyvalue pipe sort properties / iterate in order (アンギュラーキーバリューパイプソートプロパティ / イテレートオーダー)
-
[解決済み] Angular 2で送信後にフォームをクリアするには?
-
[解決済み] Angular2のテーブル行をコンポーネント化
-
[解決済み] 角度の2つのスイッチケース値
-
[解決済み] Angular2で生のhtmlをバインドする方法 [重複]。
-
[解決済み] 親コンポーネントのangular2呼び出し関数
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】日付オブジェクトから年/月/日を取得する方法は?
-
[解決済み】パイプを使ったdd/MM/yyyyの日付の書式設定
-
[解決済み】Angular - サービスとコンポーネントでパイプを使用する
-
[解決済み] Error: モジュールによってインポートされた予期しない値 'undefined'。
-
[解決済み] 遅延のあるobservableを作成するには?
-
[解決済み] Angular 2で入力タグのファイルタイプで選択されたファイルをリセットする方法は?
-
[解決済み] angularで「タイプ 'EventEmitter' は一般的ではありません」ERROR。
-
[解決済み] angularで1つの要素に複数のテンプレートバインディングを適用する方法 [重複].
-
[解決済み] Angular 2+でspec.tsファイルなしでComponentを生成する。
-
[解決済み] Angular2で複数のルートパラメータを渡す