Skip to content
On this page

TimePicker 时间选择器

实例

不同主题

11:10:00

html
<MtTag>{{val}}</MtTag>
<br>
<MtTimePicker size="middle" theme="primary" v-model:time="val"/>
<MtTimePicker size="middle" theme="danger" v-model:time="val"/>
<MtTimePicker size="middle" theme="success" v-model:time="val"/>
<MtTimePicker size="middle" theme="error" v-model:time="val"/>
<MtTimePicker size="middle" theme="info" v-model:time="val"/>
<MtTimePicker size="middle" theme="warning" v-model:time="val"/>
折叠

不同尺寸




html
<MtTimePicker size="large" v-model:time="val2"/>
<br>
<MtTimePicker size="middle"  v-model:time="val3"/>
<br>
<MtTimePicker size="small" v-model:time="val4"/>
<br>
<MtTimePicker size="tiny" v-model:time="val5"/>
折叠

Props

参数说明类型可选值默认值
theme标签主题ThemeType——primary success danger warning error default info
size标签尺寸SizeTypelarge middle small tinymiddle
v-model:time数据属性String————