【问题标题】:DateRangePicker material ui value formattingDateRangePicker 材质 ui 值格式化
【发布时间】:2021-11-24 12:49:53
【问题描述】:

我得到的值是 Fri Oct 01 2021 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>```

【问题讨论】:

    标签: reactjs material-ui momentjs date-fns


    【解决方案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>
    

    【讨论】:

    • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
    猜你喜欢
    • 2018-10-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-19
    • 2020-12-21
    • 1970-01-01
    • 2020-07-25
    • 1970-01-01
    相关资源
    最近更新 更多