element中 el-date-picker type=“month“时，设置不能大于当前月份

最新推荐文章于 2023-12-26 10:04:58 发布

杨乐多00

最新推荐文章于 2023-12-26 10:04:58 发布

阅读量936

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_59380960/article/details/130325355

版权

      <el-date-picker
        v-model="month"
        type="month"
        class="month-input"
        value-format="yyyy-MM"
        :picker-options="pickerOptions"
        />





      // 设置不能大于当前月份
      pickerOptions: {
        disabledDate: (time) => {
          var date = new Date()
          var year = date.getFullYear()
          var month = date.getMonth() + 1
          if (month >= 1 && month <= 9) {
            month = '0' + month
          }
          var currentdate = year.toString() + month.toString()
          var timeyear = time.getFullYear()
          var timemonth = time.getMonth() + 1
          if (timemonth >= 1 && timemonth <= 9) {
            timemonth = '0' + timemonth
          }
          var timedate = timeyear.toString() + timemonth.toString()
          return currentdate < timedate
        }
      },

如果type=“year”，设置不能大于本年

      // 设置不能大于本年
      pickerOptions: {
        disabledDate: time => {
          return time.getTime() > new Date().getTime() || time.getTime() > Date.now()
        }
      },