我在表格中使用日期选择器显示日期,当我显示表格时它工作正常。我需要显示创建的日期和时间,但是输出如下: 2020年4月8日,星期三,格林尼治标准时间+0530(印度标准时间)。如何显示时间?
this.firstFormGroup = this._formBuilder.group({
createAt: [],
})
html
<mat-card-subtitle><b> Created At : </b> {{ firstFormGroup.controls['createAt'].value | date:'short'}}</mat-card-subtitle>
<!-- Date -->
<div class="row">
<b class="dateLabel">Date:</b>
<mat-form-field class="date" (click)="createAt.open()">
<input matInput [matDatepicker]="createAt" autocomplete="off" formControlName="createAt" placeholder="Date"
[value]="createAt" >
<mat-datepicker-toggle matSuffix [for]="createAt"></mat-datepicker-toggle>
<mat-datepicker #createAt></mat-datepicker>
</mat-form-field>
</div>
</div>
答案 0 :(得分:0)
使用mat datepicker无法显示时间,但是如果要显示创建的时间,则使用以下代码 使用时刻
moment().format()
它显示当前时间和日期。 我们也可以使用预定义的日期管道