Skip to content

TTime / 时间选择器

Time picker for selecting hour, minute, and optionally second. Supports format customization, step intervals, and clearable. / 时间选择器用于选择时分秒,支持格式自定义、步长间隔和可清除。

Props / 属性

PropTypeDefaultDescription
format'HH:mm' | 'HH:mm:ss''HH:mm'Display format
hourStepnumber1Hour step interval
minuteStepnumber1Minute step interval
clearablebooleanfalseShow clear button
disabledbooleanfalseDisabled
placeholderstring'选择时间'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>