我正在开发 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')}
任何帮助将不胜感激。谢谢。
以下修复对我有用
<TimePicker label="Time" value={myStateVariableTime ? dayjs(myStateVariableTime, 'hh:mm A') : dayjs('2024-09-27T16:00')}
onChange={(newValue) => setMyStateVariableTime(newValue)}
/>