时间选择 TimePicker
选择时间的用户界面控件,提供了一个直观的方式让用户通过滑动列表来选择特定的时间。
基础用法
时间选择器的基础用法
vue
<template>
<bp-time-picker v-model="time" :style="{ width: '180px' }" clearable placeholder="请选择" />
</template>
<script setup lang="ts">
import { ref } from "vue";
const time = ref("");
</script>TimePicker 属性
| v-model | 绑定值 | String | - | - |
| name | 输入框名称 | String | - | - |
| placeholder | 占位文本 | String | - | - |
| size | 尺寸 | InputSize | default | - |
| disabled | 是否禁用 | Boolean | - | - |
| clearable | 是否可清空 | Boolean | - | - |
| value-format | 值格式 | String | YYYY-MM-DD | - |
| hide-trigger | 是否隐藏触发器 | Boolean | - | - |
TimePicker 事件
| input | 输入触发 | - | - |
| blur | 失焦触发 | - | - |