DateRangePicker material ui 值格式化

Question

我得到的值是 2021 年 10 月 1 日星期五 14:17:20 GMT+1300（新西兰夏令时）

我希望它是 2021-10-01 00:00

怎么可能？这是我的代码：

      ```const [value, setValue] = useState([null, null]);
           
            <LocalizationProvider dateAdapter={DateAdapter}>
                <StaticDateRangePicker
                    displayStaticWrapperAs="desktop"
                    allowSameDateSelection={true}
                    format="yyyy-MM-DD HH:mm"
                    calendars={1}
                    value={value}
                    onChange={(newValue) => setValue(newValue)}
                    renderInput={(startProps, endProps) => {}}
                />
            </LocalizationProvider>```

Answer 1

我使用 forEach 来更改原始数组，因为“value”和“newValue”都是数组类型。

    const [value, setValue] = useState([null, null])

    const updatePendingValue = (newValue) => {
    newValue.forEach((element, index) => {
        if (newValue[index] != null) {
            newValue[index] = moment(element).format('yyyy-MM-DD HH:mm');
        }
    });

    setValue(newValue);
};

      <LocalizationProvider dateAdapter={AdapterDateFns}>
                <StaticDateRangePicker
                    displayStaticWrapperAs="desktop"
                    allowSameDateSelection={true}
                    calendars={1}
                    value={value}
                    onChange={(newValue) => updatePendingValue(newValue)}
                    renderInput={(startProps, endProps) => {}}
                />
            </LocalizationProvider>

DateRangePicker material ui 值格式化

DateRangePicker material ui value formatting

reactjs

material-ui

momentjs

date-fns