时间选择器现有值未预先填充到时间选择器输入中

问题描述 投票:0回答:1

我正在开发 React timepicker 组件,我必须将默认时间显示为“4:00 PM”,每当用户保存数据时,我就需要自动填充现有的保存数据,但即使我已经给出了“值”属性,然后是状态变量,但它仍然没有显示“timepicker”组件中的现有时间。

我尝试过的:

我得到的时间值为 myStateVariableTime="05:00PM"

<LocalizationProvider dateAdapter={AdapterDayjs}>
   <TimePicker label="Time"
     value={myStateVariableTime ? myStateVariableTime : dayjs('2024-09-27T16:00')}
     onChange={(newValue) => setMyStateVariableTime(newValue)}
   />
</LocalizationProvider>

我也尝试过下面的方法,但没有成功

value={myStateVariableTime ? dayjs(myStateVariableTime) : dayjs('2024-09-27T16:00')}
value={myStateVariableTime ? dayjs(myStateVariableTime).format('hh:mm A') : dayjs('2024-09-27T16:00')}

任何帮助将不胜感激。谢谢。

reactjs material-ui timepicker
1个回答
0
投票

以下修复对我有用

<TimePicker label="Time" value={myStateVariableTime ? dayjs(myStateVariableTime, 'hh:mm A') : dayjs('2024-09-27T16:00')}
   onChange={(newValue) => setMyStateVariableTime(newValue)}
/>
© www.soinside.com 2019 - 2024. All rights reserved.