element DatePicker 日期选择器 时间限制

在这里插入图片描述

主要功能:

1、初次载入时获取当前日期前后一个月
2、只能选择当前日期往前3个月
3、第一个日期选择后,只能选前后一个月

代码:

<el-date-picker
            style="margin-left: 10px; margin-right: 10px"
            v-model="time"
            format="yyyy-MM-dd "
            value-format="yyyy-MM-dd"
            @change="timeSearch()"
            @blur="test()"
            :picker-options="pickerOptions"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          ></el-date-picker>
pickerOptions: {
   
        
        onPick: ({
    maxDate, minDate }) => {
   
          // 限制前后31天之内
          // console.log('onpick')
          // console.log(minDate)
          // console.log(maxDate)
          //这里的minDate可以理解为第一个选中的日期

          this.selectDate = minDate.getTime();
          console.log(this.selectDate)
          if (minDate) {
   
            this.sign = '1'
            

          }
          if
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值