TTime / 时间选择器
Time picker for selecting hour, minute, and optionally second. Supports format customization, step intervals, and clearable. / 时间选择器用于选择时分秒,支持格式自定义、步长间隔和可清除。
Props / 属性
| Prop | Type | Default | Description |
|---|---|---|---|
format | 'HH:mm' | 'HH:mm:ss' | 'HH:mm' | Display format |
hourStep | number | 1 | Hour step interval |
minuteStep | number | 1 | Minute step interval |
clearable | boolean | false | Show clear button |
disabled | boolean | false | Disabled |
placeholder | string | '选择时间' | Placeholder text |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TTime } from '@gulcc/tabler-vue'
const time = ref('14:30')
</script>
<template>
<TTime v-model="time" format="HH:mm" />
</template>