欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui 日期选择器只选择--当月--今天之前和今天的日期到当月--月初,不选则上月和下月日期

程序员文章站 2022-06-06 23:38:15
...

布局

 <el-date-picker   width="300" v-model="month"  type="date"  placeholder="选择日期"  :picker-options="pickerOptions"></el-date-picker>

data 中写入

data() {
    return {
      month: "",
      pickerOptions: {}
    };
  },

方法引入

disabledDate () {
      let now = new Date() //当前日期 
      // now.getFullYear() -- 当前年  now.getMonth() -- 当前月
      let monthEndDate = new Date(now.getFullYear(), now.getMonth()) // 获取本月的结束日期
      let timeEnd = Date.parse(monthEndDate)
      // 设置某段日期的禁用状态
      this.pickerOptions.disabledDate = time => (time.getTime() < timeEnd) || (time.getTime() >= (now - 60 * 60 * 24 * 1000)+( 60 * 60 * 24 * 1000))
    },
相关标签: elementui vue