Skip to content

时间选择 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失焦触发--