ant-design-vue/components/time-picker/demo/hide-column.vue

37 lines
661 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<docs>
---
order: 4
title:
zh-CN: 选择时分
en-US: Hour and minute
---
## zh-CN
TimePicker 浮层中的列会随着 `format` 变化当略去 `format` 中的某部分时浮层中对应的列也会消失
## en-US
While part of `format` is omitted, the corresponding column in panel will disappear, too.
</docs>
<template>
<a-time-picker v-model:value="value" format="HH:mm" />
</template>
<script lang="ts">
import dayjs from 'dayjs';
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
const value = ref(dayjs('12:08', 'HH:mm'));
return {
value,
dayjs,
};
},
});
</script>