angular - UTC 时区中的 Material Datepicker 小部件

Question

我需要在 UTC 时区显示材料日期选择器小部件，因为我们的日期都将以 UTC 显示。由于 Moment.js 还没有被批准使用，我必须找到一个解决方法。我试过这个方法链接。但它不允许我在选择时更改突出显示的日期。

这会在单击突出显示的日期时产生问题，因为当所选日期为同一天时，日期选择器不会更新模型。

标签： angularangular-materialangular6

Answer 1

我通过添加一个“隐藏”日期字段来解决这个问题，该字段与我手动设置为“UTC”时区的日历小部件相关联。此日期仍在浏览器时区中，但时间已调整为与 UTC 时区匹配，因此它在小部件中正确显示。

this.hiddenDate = new Date(this.date.getTime() + this.date.getTimezoneOffset() * 60000);

一个更好的解决方案是在你可以访问它的情况下导入 momentJS 模块。