如何将日期正确带到formControl
?
尝试通过 setValue
设置日期时,它不再以相同的格式显示。
我希望日期以DD-MM-YYYY
格式显示,与我引入的格式相同,但是通过代码返回时,组件仅接受MM-DD-YYYY
。
我已经尝试通过代码使用 MM 反转 DD 并返回,但仍然没有做任何事情。
.HTML
<input matInput [matDatepicker]="picker4" placeholder="Data prevista pagamento" formControlName="dataPrevistaPagto">
<mat-datepicker-toggle matSuffix [for]="picker4"></mat-datepicker-toggle>
<mat-datepicker #picker4></mat-datepicker>
我带上这样的日期:
TS
ModelEdit.dataPrevistaPagto = this.setDate(this.form.get('dataPrevistaPagto').value);
setDate(dataString: string){
var today = new Date(dataString);
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
var dataa = dd + '/' + mm + '/' + yyyy;
return dataa;
}
我把日期定得这样:
this.form.get('dataPrevistaPagto').setValue( moment(new Date(this.setDateInverse(this.ModelEdit.dataPrevistaPagto))));
您可以尝试使用 Angular Date Pipe
实现它已经有一个现有的堆栈闪电战演示供您参考。
只需将当前格式从 Stackblitz yyyy-MM-dd
更改为您想要的格式dd-MM-yyyy
或其他类似格式,如 角度日期管道文档
@Component({
...,
providers: [ DatePipe ] // Import DatePipe from "@angular/core"
})
export class AppComponent implements OnInit {
currentDate: any = new Date();
constructor(private datePipe: DatePipe) {}
ngOnInit(): void {
// You can use whatever format you like
// see https://angular.io/api/common/DatePipe#pre-defined-format-options
this.currentDate = this.datePipe.transform(this.currentDate, 'dd-MM-yyyy');
}
}