elementui动态表单验证规则,日期框禁用未来月份

        <el-form
          v-if="form"
          ref="form"
          :model="form"
          :rules="alterType === 'read' ? {} : formRules"
          label-width="150px"></el-form>

  computed: {
    formRules() {
      if (this.$terminal(['institution'])) {
        return this.formRules2
      } else if (this.$terminal(['company'])) {
        return this.alterType == 'add' ? this.addFormRules1  : this.formRules1
      } else {
        console.warn('terminal错误')
        return {}
      }
    },
//未来月份禁用
<el-form-item label="所属月份">
  <el-date-picker
    v-model="searchForm.comment_month"
    :picker-options="pickerOptions"
    type="month"
    format="yyyy-MM "
    value-format="yyyy-MM"
    placeholder="选择月份">
  </el-date-picker>
</el-form-item>

data() {
    return {
      pickerOptions: {
        disabledDate(time) { 
          // 获取时间选择器的月份信息
          const timeyear = time.getFullYear(); // 获取时间选择器的年份 
          let timemonth = time.getMonth() + 1; // 获取时间选择器的月份
          if (timemonth >= 1 && timemonth <= 9) {
            timemonth = "0" + timemonth;
          }
          const elTimeData = timeyear.toString() + timemonth.toString(); 
          var date = new Date()
          var month = parseInt(date.getMonth() + 1)
          if (month >= 1 && month <= 9) {
            month = '0' + month
          }
          //大于指定时间都不可选
          return elTimeData * 1 > parseInt(date.getFullYear().toString() + month);   
        },
      },
    }
  }

  mounted() {
    var date = new Date()
    var month = parseInt(date.getMonth() + 1)
     if (month >= 1 && month <= 9) {
        month = '0' + month
     }
    this.formInline.comment_month=date.getFullYear() + "-" +month
    this.getList()
  
  },

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值