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

<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>