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';