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 | 标签尺寸 | SizeType | large middle small tiny | middle |
v-model:time | 数据属性 | String | —— | —— |