简介 DatePicker TimePicker 默认预设值格式化占位符详细 API DateRangePicker 详细API文档

TimePicker

标准时间选择组件，全新设计，避免滚动选择，特定时间点直观显示

默认

() => {
  /*
   * 回调参数d为一个Date时间，只有时分秒有效
   */
  const timePick = d => {
    const hour = d.getHours()
    const minute = d.getMinutes()
    const second = d.getSeconds()
    window.console.log(`时间：${hour}:${minute}:${second}`)
  }
  return <TimePicker onPick={timePick} />
}

() => {
  /*
   * 回调参数d为一个Date时间，只有时分秒有效
   */
  const timePick = d => {
    const hour = d.getHours()
    const minute = d.getMinutes()
    const second = d.getSeconds()
    window.console.log(`时间：${hour}:${minute}:${second}`)
  }
  return <TimePicker onPick={timePick} />
}

预设值

<TimePicker defaultTime="2022-2-22 06:50" />

<TimePicker defaultTime="2022-2-22 06:50" />

格式化

显示在输入框的格式。组件引入了 dayjs，必须符合 dayjs 的 format 规范。查看 format 规范

<>
  <TimePicker format="HH时mm分" />
</>

<>
  <TimePicker format="HH时mm分" />
</>

占位符

<TimePicker placeholder="请请请选择开始时间" />

<TimePicker placeholder="请请请选择开始时间" />

详细 API

defaultTime

string | Date

onPick

(date: Date) => void

默认: () => {}

format

string

placeholder

string

className

string

enableSecond

boolean

默认: false

enableClear

boolean

默认: true

TimePicker

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}默认

预设值

格式化

占位符

详细 API

默认