vue实现el-date-picker日期，只可选中当前日期的前一天和选中部分的前后30天；

最新推荐文章于 2024-10-11 19:03:47 发布

kevin&1990

最新推荐文章于 2024-10-11 19:03:47 发布

阅读量3k

点赞数

分类专栏： vue 文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/weixin_42396196/article/details/104063443

版权

本文介绍如何在Vue项目中使用el-date-picker组件，仅允许用户选择当前日期前一天以及选中日期的前后30天。通过设置日期范围限制，提升用户体验。

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

实现el-date-picker日期，只可选中当前日期的前一天和选中部分的前后30天；

1.template
在这里插入图片描述

 <el-date-picker
            v-model="returnSummaryObj.collectDate"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            @change="changeData"
            end-placeholder="结束日期"
            :picker-options="pickerOptions"
          ><