我正在使用 Angular mat 日期选择器,它工作良好,但日期的格式不是我想要的。
<mat-form-field class="inputFieldForNewPolicy">
<mat-label>Change details</mat-label>
<input matInput name="selectedDate" [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="selectedDate">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
在 ts 文件中,如果我说:
sendButtonClicked() {
console.log(this.selectedDate);
}
结果如下:
Sat Aug 17 2019 00:00:00 GMT+0300 (Eastern European Summer Time)
我只想要类似的东西
17/08/2019
如何更改格式?在 html 中还是在 ts 中?
最佳答案
三四种不同类型的设置。我有建议的应用程序级别(印度/英国)区域设置。
........
import { NgModule, LOCALE_ID } from '@angular/core';
.......
@NgModule({
declarations: [
.....
],
imports: [
....
],
providers: [
...
{ provide: LOCALE_ID, useValue: 'en-IN' } // en-GB
],
exports: [...],
bootstrap: [...]
})
export class AppModule {
}
import { DatePipe } from '@angular/common';
......
constructor(
private datePipe: DatePipe
) {}
sendButtonClicked() {
console.log(this.selectedDate);
this.selectedDate = this.datePipe.transform(this.selectedDate, 'dd-MM-yyyy');
}
关于javascript - 如何更改 Angular 中的 mat 日期选择器日期格式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57357693/