18 lines
590 B
Vue
18 lines
590 B
Vue
<script setup lang="ts">
|
|
// TimeSelect：时 / 分 / 秒三列滚轮；12 小时制会追加 am/pm 列
|
|
import { ref } from 'vue'
|
|
import { G3Space, G3TimeSelect } from '@g3soft/ui'
|
|
|
|
const time = ref<Date | null>(null)
|
|
const time12 = ref<Date | null>(null)
|
|
const hourOnly = ref<Date | null>(null)
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space :size="[24, 12]" wrap align="start">
|
|
<G3TimeSelect v-model="time" />
|
|
<G3TimeSelect v-model="time12" :hour12="true" :lower-meridiem="true" :fields="['hour', 'minute']" />
|
|
<G3TimeSelect v-model="hourOnly" :fields="['hour']" />
|
|
</G3Space>
|
|
</template>
|