反应形式的日期管道

Question

以反应形式显示日期管道的正确方式是什么？

应用程序组件.html

<form [formGroup]="profileForm" (ngSubmit)="onSubmit()">
<label for="fecha">Fecha: </label>
<input 
formControlName="fecha" 
type="text"
[value]="profileForm.get('fecha')?.value | date: 'dd/MM/yyyy'" >

<button (click)="onSubmit()">Update Profile</button>
</form>

应用程序组件.ts

profileForm = new FormGroup({
fecha: new FormControl('2022-01-11 01:00:00.000')
});
onSubmit() {
console.warn(this.profileForm.value);
}

Answer 1

首先，我建议您在此处阅读所选答案：

如何在Angular 5反应式输入中使用管道

其中用户做了与您相同的事情。但它有一些问题，所以在同一个问题上，添加了另一个答案(未被选为答案(，但这是正确的方法。它的链接是：

https://stackoverflow.com/a/50956548/12251558