el-date-picker自定义时间+半年前禁选(自定义禁选时间)

el-date-picker自定义时间+半年前禁选

效果图

在这里插入图片描述

html
                <el-date-picker
                    v-model="analysisTimeRange" value-format="yyyy-MM-dd"
                    type="daterange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期"
                     end-placeholder="结束日期" >
                </el-date-picker>
JavaScript
//定义在data中
      pickerOptions: {
      //自定义时间
        shortcuts:  [ {
          text: '最近一个月',
          onClick(picker) {
            const start = moment().startOf('date').subtract(1, 'months').toDate()
            const end = moment().hours(23).minutes(59).seconds(59).toDate()
            picker.$emit('pick', [start, end]); }},
          {
            text: '最近两个月',
            onClick(picker) {
              const start = moment().startOf('date').subtract(2, 'months').toDate()
              const end = moment().hours(23).minutes(59).seconds(59).toDate()
              picker.$emit('pick', [start, end]); } },
          {
            text: '最近三个月',
            onClick(picker) {
              const start = moment().startOf('date').subtract(3, 'months').toDate()
              const end = moment().hours(23).minutes(59).seconds(59).toDate()
              picker.$emit('pick', [start, end]);} },],
          //半年前禁用
        disabledDate(v) {
          return v.getTime() < new Date().getTime() - 86400000*183;
        }
      }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值