表单CRUD项目遇到的问题

181 阅读1分钟
  1. el-input输入框仅允许输入数字,并且大于等于0小于等于100,可以输入两位小数,但是小数点不能连续  ,开头不能为数字之外的元素

    //用正则表达式和行内oninput事件解决
    oninput="if(value>100){value=100}else{value=((value.replace(/[^0-9.]/g,'')).replace(/([0-9]+\.[0-9]{2}).*/,'$1')).replace(/\.{2,}/, '.')}"s
    
  2. el-date-picker之前日期,且结束时间之后的日期不可选,结束时间的当前日期之前,且生效时间之前的日期不可选

     computed: {    pickerOptionsStart() {      let _this = this      return {        disabledDate(time) {          let endTime = new Date(_this.addForm.endTime)
                         if (_this.addForm.endTime != "" && _this.addForm.endTime != null) {            return (              time.getTime() < new Date() ||              time.getTime() > endTime.getTime()            )          }else {
                //判断在清除结束时间时,开始时间只是之前日期不可选
                 return (              time.getTime() < new Date()            )          }        },      }    },    pickerOptionsEnd() {      let _this = this      return {        disabledDate(time) {          let beginDateVal = new Date(_this.addForm.startTime)          return (            time.getTime() < new Date() ||            time.getTime() < beginDateVal.getTime() - 24 * 60 * 60 * 1000          )        },      }    },  },