angular - ngx-bootstrap timepicker时区偏移导致SQL保存时间错误

Question

使用具有所有默认选项的 timepicker 模块，除了将 minutestep 设置为 1。

代码行如下

let DailyStartTime =  this.dailyStartTime != null ? 
                         new Date(this.dailyStartTime.getFullYear(),
                               this.dailyStartTime.getMonth(),
                               this.dailyStartTime.getDate(),
                               this.dailyStartTime.getHours(),
                               this.dailyStartTime.getMinutes()) : null

记录数据为2017 年 5 月 31 日星期三 19:51:00 GMT-0400(东部夏令时间)

最初显示，但一旦保存回 SQL，它就会转换为“2017-05-31T23:51:00”按时间偏移推进。我怎样才能否定这一点？

Answer 1

尝试使用 ngx-bootstrap (3.0) timepicker 将响应式(Reactive)表单保存到 POST(C# WebApi with EntityFramework)时，我遇到了同样的问题

似乎是 UTC 和本地计算机的问题。来自 datepicker 的日期看起来不错，但是在创建 POST 对象时，javascript 似乎调整了 UTC 和本地计算机之间的时区差异。

解决方法 (.ts):

submit() {
  this.dataService.saveOpenHours({ OpensAt: this.fixDate(this.form.value.openHour), ClosesAt: this.fixDate(this.form.value.closeHour) }).subscribe(data => {
    // do something
  });
}

fixDate(d: Date): Date {
  d.setHours(d.getHours() - d.getTimezoneOffset() / 60);
  return d;
}

HTML

<form id="ngForm" [formGroup]="form" (ngSubmit)="submit()">
  <timepicker formControlName="openHour"></timepicker>
  <timepicker formControlName="closeHour"></timepicker>
</form>

希望这会对某人有所帮助!