Skip to content

TimePicker 时间选择 ​

逐列选择时 / 分 / 秒,输出固定格式的时间字符串。

基础用法 ​

默认格式 HH:mm,只展示时与分两列。

vue
<template>
  <KbTimePicker v-model="value" />
</template>

精确到秒 ​

format 含 ss 时自动启用秒列。

vue
<template>
  <KbTimePicker v-model="value" format="HH:mm:ss" />
</template>

分钟步长 ​

minute-step="15" 时分钟列只出现 00 / 15 / 30 / 45。

vue
<template>
  <KbTimePicker v-model="value" :minute-step="15" />
</template>

API ​

Props ​

属性类型默认值说明
modelValuestring''时间字符串,如 09:30 / 09:30:00
formatstring'HH:mm'展示格式,含 ss 时启用秒列
placeholderstring语言包 timePicker.placeholder占位文案
disabledbooleanfalse禁用
clearablebooleanfalse可清空
minuteStepnumber1分钟步长

事件 ​

事件参数说明
update:modelValuestring时间变化
changestring时间变化