问题描述:设置两个输入框,分别输入最小天数与最大天数,输入类型为number,且值不能为负数。
代码实现:
<el-input type="number" oninput="if(value<0)value=0" placeholder="周转天数最小值" v-model="dayS"></el-input>
<span style="color: rgb(200,203,210)"> — </span>
<el-input type="number" oninput="if(value<0)value=0" placeholder="周转天数最大值" v-model="dayE"></el-input>
这样就不能输入小于0的数了,同理,也可以用这个方法设置最大值、限制输入长度。
拓展如下:
//限制数字输入的最小值
<input type="number" oninput="if(value<0)value=0" />
//限制输入的数字最大值
<input type="number" oninput="if(value>10)value=10" />
//限制输入的数字长度
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
//同时限制输入的数字最小值、最大值、长度
<input type="number" oninput="if(value>=10)value=10;if(value<0)value=0;if(value.length>4)value=value.slice(0,4)" />