ant-design-vue/components/time-picker/demo/hide-column.vue
Cherry7 9be58078d2
Refactor(demo): change options to composition api (#6499)
* feat(demo): A-B

* feat(demo): update B-checkbox

* feat(demo): update CheckBox -DatePicker

* feat(demo): update DatePicker - Form

* feat(demo): update Form - List

* feat(demo): update  List-pagination

* feat(demo): update  List - skeleton

* feat(demo): update  skeleton - switch

* feat(demo): update  skeleton - switch

* feat(demo): update   switch - upload

* feat(demo): update  watermark

* fix(demo): del hashId
2023-04-28 14:08:21 +08:00

27 lines
544 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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" setup>
import { ref } from 'vue';
import dayjs from 'dayjs';
const value = ref(dayjs('12:08', 'HH:mm'));
</script>