Angular 6 中 mat-datepicker 的 UTC 日期

我用过mat-datepicker对于我的 Angular 6 项目。但在日期选择器中显示当前时区日期。相反，我需要显示当前的 UTC 日期。

这是我的代码

.ts file

var nowDate       =  new Date();
this.startdate    =  nowDate;
this.enddate      =  nowDate;

.html 文件

<mat-form-field style="margin-right: 25px;">
                    <input matInput [matDatepicker]="picker_start" placeholder="Start Date" [(ngModel)]="startdate" [ngModelOptions]="{timezone: 'UTC'}">
                    <mat-datepicker-toggle matSuffix [for]="picker_start"></mat-datepicker-toggle>
                    <mat-datepicker #picker_start></mat-datepicker>
                  </mat-form-field>

您可以将 Moment.js 与 Material Datepicker 结合使用，并相应地设置选项，如下所示：

import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatMomentDateModule, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';


@NgModule({
  imports: [MatDatepickerModule, MatMomentDateModule],
  providers: [
    { provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } }
  ]
})

我已经创建了一个示例堆栈闪电战。您可以在以下位置了解更多信息选择日期实施和日期格式设置.