Material UI 5 MobileDatePicker 仅年份，从年份中提取 1答案

【问题标题】：Material UI 5 MobileDatePicker year only, extracts 1 from the yearMaterial UI 5 MobileDatePicker 仅年份，从年份中提取 1
【发布时间】：2022-10-21 21:10:35
【问题描述】：

具有 views=['year'] 的 Material UI MobileDatePicker 从年份中提取 1。

<LocalizationProvider dateAdapter={AdapterDateFns}>
    <MobileDatePicker value="2017" views={['year']} ... />
</LocalizationProvider>

当我将值设置为“2017”时，输入中的可见值是 2016。当我打开选择器时，值也是 2016。我的时区是+00:00.我认为这是提取的原因，当我将其设置为 +03:00 时效果很好

new Date("2017").getFullYear()            // returns 2016
new Date("2017-02-02").getFullYear()      // returns 2017
new Date("2017").getUTCFullYear()         // returns 2017

在new Date("2017") 中，月份和日期是 1 月 1 日。这就是它返回 2016 年的原因。而 new Date("2017-02-02") 月份是 2 月，这就是它返回 2017 年的原因

如何给出“2017”的值并在输入中获得与时区 +00:00 相同的值？

【问题讨论】：

标签： reactjs material-ui date-fns mui5

【解决方案1】：

<LocalizationProvider dateAdapter={AdapterDateFns}>
    <MobileDatePicker value={new Date("2017").getUTCFullYear()} views={['year']} ... />
</LocalizationProvider>

【讨论】：