element实现日期范围选择器的范围设置

1.首先选择日期范围组件,设置picker-options属性

<el-date-picker
    v-model="startTime"
    type="monthrange"
    align="right"
    unlink-panels
    :picker-options="pickerOptions"
    range-separator="至"
    start-placeholder="开始月份"
    end-placeholder="结束月份"
    size='mini'
    value-format="yyyy-MM">
</el-date-picker>

2.在页面data中定义pickerOptions值,并给与disabledDate方法,此方法设置禁用状态,参数为当前日期,要求返回 Boolean。

 pickerOptions: {
    shortcuts: global_msg.shortcuts,
       disabledDate:(time) => {
             return this.dealDisabledDate(time)
       }
     },

3.在methods写相关的方法

  dealDisabledDate(time){
  var time=''//写自己要求的时间
  var onlineTime=new Date(time).getTime()
  return time.getTime() <onlineTime
  }
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值