el-date-picker默认上月,禁用本月之后的月份

需求:默认选中上个月,可选当前月并禁用本月之后的月份。

    <el-date-picker
     v-model="month"
      align="left"
      type="month"
      :editable="false"
      placeholder="选择月份"
      :picker-options="picker"
      :clearable="false"
      format="yyyy-MM"
      value-format="yyyy-MM"
      class="month-style"
     />

禁用:

data(){
    return{
      month: '',
      monthFalg:false,//这是默认上月
          // 禁用
      picker: {
        disabledDate(time) {
          const t = new Date().getDate()
          // 如果想包含本月本月 - 8.64e7 * t 就不需要了,
          // 如果想之前的不能选择把 > 换成 <
          // return time.getTime() > Date.now() - 8.64e7 * t
          return time.getTime() > Date.now()
        }
      },
    }
}

默认上月:

  mounted() {
    const nowDate = new Date()
    if (!monthFalg) {
      nowDate.setMonth(nowDate.getMonth() - 1)
    } else {
      nowDate.setMonth(nowDate.getMonth())
    }
    Date.prototype.format = formatDate
    this.month = nowDate.format('yyyy-MM')

}

公共的方法时间格式转换(调用就好):

// 日期转格式
export function formatDate(fmt) {
  const o = {
    'M+': this.getMonth() + 1, // 月份
    'd+': this.getDate(), // 日
    'h+': this.getHours(), // 小时
    'm+': this.getMinutes(), // 分
    's+': this.getSeconds(), // 秒
    'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
    'S': this.getMilliseconds() // 毫秒
  }
  if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)) }
  for (const k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
  }
  return fmt
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值