ng-zorro datepicker 少了一天

Question

我在我的项目中使用了 ng-zorro-antd 的 datepicker，

https://ng.ant.design/components/date-picker/en

当我选择日期和时间时，控制台将显示正确的时间和时区，例如

Mon Jun 01 2020 05:10:30 GMT+0800 (中國標準時間) {}

但是当我提交到后端时，日期时间会变成

2020-05-31T21:10:30.942Z

又少了一天，请问怎么解决？

我做了一个像下面的例子https://stackblitz.com/edit/angular-acsrm4-gmdget

先打开F12，然后选择一天点击发送，在网络参数中会看到情况。

非常感谢。

Answer 1

借助 moment-timezone.js（前端或后端）

1. 在客户端获取本地时区： moment.tz(moment.tz.guess())

2. 定义时刻日期 object: moment(yourDate.toISOString())

3. 查找本地时区偏移： moment.tz(moment.tz.guess()).utcOffset()

4. 设置日期 object 与本地时区设置： moment(yourDate.toISOString()).utcOffset(moment.tz(moment.tz.guess()).utcOffset())

5. 格式化结果 ISO： format('YYYY-MM-DDTHH:mm:ss.SSS')+'Z'

单行： yourDate = moment(yourDate.toISOString()).utcOffset(moment.tz(moment.tz.guess()).utcOffset()).format('YYYY-MM-DDTHH:mm:ss.SSS')+'Z';