el-date-picker时间选择器设置可选范围当前时间的六个月内

最新推荐文章于 2024-05-16 10:07:37 发布

Fhm123456_

最新推荐文章于 2024-05-16 10:07:37 发布

阅读量1.8k

点赞数 1

分类专栏：工作分享文章标签： elementui vue.js javascript css vscode

本文链接：https://blog.csdn.net/Fhm123456_/article/details/122240480

版权

工作分享专栏收录该内容

11 篇文章 0 订阅

订阅专栏

el-date-picker时间选择器
  <el-date-picker
            v-model="rangeTime"
            :editable="false"
            type="daterange"
            range-separator="至"
            start-placeholder="请选择开始日期"
            end-placeholder="请选择开始日期"
            :picker-options="pickerOptions"
            format="yyyy-MM-dd "
            value-format="yyyy-MM-dd"
            @change="handleChangeDate"
          >
 </el-date-picker>

data中return
包含当月：
      pickerOptions: {
        disabledDate: time => {
          const sixMonth = new Date().setMonth(new Date().getMonth() - 5)
          return time.getTime() > Date.now() || time.getTime() < sixMonth 
        }
      },
不包含当月：
     pickerOptions: {
        disabledDate: time => {
          const sixMonth = new Date().setMonth(new Date().getMonth() - 6)
          return time.getTime() + (30 * 24 * 3600 * 1000) > Date.now() || time.getTime()             
          < sixMonth
        }
      },

下一篇有封装好的，更实用的。两者不同