ant-design-vue, 设置DatePicker内建TimePicker的步长

四喜花露水

已于 2024-07-14 17:11:36 修改

阅读量618

点赞数 7

分类专栏： Antd vue 文章标签： vue.js 前端 javascript anti-design-vue

于 2024-01-17 14:32:11 首次发布

本文链接：https://blog.csdn.net/gaowxx/article/details/135649816

版权

Antd vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue应用中使用AntDesign的a-range-picker组件，通过`:show-time`属性设置时间选择的步长和格式，允许用户精确选择特定时间段，如HH:mm格式，每15分钟一步，1小时一格。

摘要由CSDN通过智能技术生成

日期时间选择

关键句 :show-time="{ format: 'HH:mm', minuteStep: 15, hourStep: 1 }"

<a-form-model-item label="选择时间段">
    <a-range-picker      
       :show-time="{ format: 'HH:mm', minuteStep: 15, hourStep: 1 }"
       format="YYYY-MM-DD HH:mm"
       :placeholder="['开始时间', '结束时间']"
       @change="onChange"
       @ok="onOk"                    
     />
</a-form-model-item>