如何在 Material UI Timepicker 中设置默认值

Question

我正在尝试在我的材质 ui 时间选择器中设置默认值，我尝试设置为默认值的时间值的格式如下 - 9:00:00 AM

这是下面的时间选择器

           <LocalizationProvider dateAdapter={AdapterDayjs}>
              <TimePicker
                value={valueFrom}
                onChange={(newValue) => {
                  onChange(newValue, nameFrom);
               console.log('Time Value: ', newValue.$d.toLocaleTimeString('en-US')); // 9:00:00 AM
                }}
                renderInput={(params) => <TextField
                  size="small"
                  variant="outlined"
                  required={valueCheckbox1}
                  {...params} />}
                disabled={!valueCheckbox1 || valueCheckbox2 ? true : false}
                style={{color: 'white'}}
              />
            </LocalizationProvider>

如何在上面的时间选择器上设置采用这种格式 9:00:00 AM 的默认时间

Answer 1

您将其作为

Date

传递，因此如果您在代码中添加类似的内容，它应该可以工作。只需将日期更改为您需要的任何时间即可。

const valueFrom = new Date()
valueFrom.setHours(9)
valueFrom.setMinutes(0)

Answer 2

就我而言，我需要传递一个 dayjs-object 作为值

const valueFrom = dayjs().hour(9).minute(0);

当我传递日期对象 AdapterDayjs.js 时出现错误

value.isValid 不是一个函数