限制el-input只能输入两位小数_el-input限制两位小数

一、保留小数点后两位

在el-input内输入方法

@input="limitInput($event, 'monthOutputValue')"
1

在methods内写入方法

//限制只能输入两位小数

  limitInput(value, name) {

   this.ruleForm[name] = ('' + value) // 第一步：转成字符串

     .replace(/[^\d^\.]+/g, '') // 第二步：把不是数字，不是小数点的过滤掉

     .replace(/^0+(\d)/, '$1') // 第三步：第一位0开头，0后面为数字，则过滤掉，取后面的数字

    .replace(/^\./, '0.') // 第四步：如果输入的第一位为小数点，则替换成 0. 实现自动补全

    .match(/^\d*(\.?\d{0,2})/g)[0] || '' // 第五步：最终匹配得到结果 以数字开头，只有一个小数点，	而且小数点后面只能有0到2位小数

  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

二、el-input的type=number时限制输入长度

@input="limitInput($event)"

limitInput(value) {
  if (value.length >= 10) value = value.substring(0, 10);
  if (value.endsWith(".")) {
    value = "";
  }
  this.formInfo.fineInspect.penalty = value; // 第一步：转成字符串
},
1
2
3
4
5
6
7
8
9

三、el-input的type=number时，限制输入+ - e符号

onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
1

四、获取指定月份的最后一天

// 获取指定月份的最后一天
    lastDayOfMonth(date = new Date()) {
      const year = date.getFullYear()
      const month = date.getMonth() + 1 // 月份从0开始计算，需要加1
      const lastDay = new Date(year, month, 0).getDate()
      return lastDay
    },
// 调用方式
this.lastDayOfMonth(new Date('2023-10'))
1
2
3
4
5
6
7
8
9