ant design 时间组件(range-picker)自定义可选时间段范围

超人_博

已于 2022-11-02 11:37:39 修改

阅读量1.4k

点赞数

分类专栏： vue 文章标签： javascript 前端开发语言

于 2022-11-02 11:34:09 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47181907/article/details/127647462

版权

本文介绍如何在Ant Design的时间组件range-picker中实现自定义的可选时间段范围限制，用户只能在这个预设范围内进行选择。适用于前端开发中对日期选择的精细化控制需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果默认可选范围，只能在这个范围内做选择
在这里插入图片描述


```html
 <search-item label="日期">
        <a-range-picker
          :value="[dayjs(search.startTime), dayjs(search.endTime)]"
          :placeholder="['开始日期', '结束日期']"
          :disabled-date="disabledDate"
          @change="
            (v) => {
   
              if (!v