使用Angx中的ngxMatDatetimePicker在utc（0）发布时以表格形式显示本地日期时间>>

Question

我需要在angular项目中发送一个包含两个基于NgxMatDatetimePickerModule的输入（startTime和endTime）的表单，该表单应为用户显示LOCAL时间并将UTC(0)发布到服务器。尽管使用momentjs库进行转换不是问题，但要在发布前将日期更改为UTC，在subscribe之后将其设置为LOCAL，请在输入中更改日期一秒钟，并且看起来并不专业，有关如何更改日期的任何想法它正确和简单吗？ （管道？隐藏的输入？将时区数据发送到后端并从那里解决？）单一输入代码：

<mat-form-field>
    <input class="datePicker startDate" name="startDate" matInput
        [ngxMatDatetimePicker]="startDate" placeholder="" formControlName="startDate"
        (dateChange)="changeDate('startDate', $event, reservationIndex)" [min]="minDate"
        [max]="maxDate" [readonly]="true" (click)="startDate.open()">
    <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
    <ngx-mat-datetime-picker #startDate [disableSecond]="true"></ngx-mat-datetime-picker>
    <mat-error>
      ...
      <span>{{error.message}}</span>
</mat-error>

我需要在角度项目中发送一个包含两个基于NgxMatDatetimePickerModule的输入（startTime和endTime）的表单，该表单应显示User的本地时间并将UTC（0）发送到...

Answer 1

当我从API在用户配置中收到UTC时，通过设置moment.tz.setDefault('Etc/UTC')解决了该问题。它需要安装moment-timezone。