PrimeVue v3 Calendar组件能否设置分钟间隔为30分钟？

当然可以实现，PrimeVue v3的Calendar组件提供了minuteStep属性，专门用来控制分钟选择器的选项间隔。

你只需要给Calendar组件添加minuteStep="30"属性，就能让分钟选项只显示0和30两个档位，对应你需要的10:30:00、11:00:00这类时间格式。

修改后的示例代码如下：

<template>
    <div class="card flex flex-wrap gap-3 p-fluid">
        <div class="flex-auto">
            <label for="calendar-timeonly" class="font-bold block mb-2"> Time Only </label>
            <Calendar id="calendar-timeonly" v-model="time" timeOnly minuteStep="30" />
        </div>
    </div>
</template>

<script setup>
import { ref } from "vue";

const datetime12h = ref();
const datetime24h = ref();
const time = ref();
</script>

设置minuteStep为30后，分钟选择器只会列出0、30这两个可选值，完全匹配你的需求。

内容的提问来源于stack exchange，提问作者Julio