el-input保留一位小数点
// +2 保留一位 +3 保留二位 ...
<el-input
v-model="info.score"
oninput="if(isNaN(value)) { value = parseFloat(value) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}"
type="number"
placeholder="保留一位小数点"
></el-input>
el-date-picker时间选择器结束时间大于开始时间处理办法
<div class="date-ipt">
<el-date-picker
style="width: 200px"
v-model="viewForm.start_date"
type="date"
:picker-options="pickerOptionsStart"
placeholder="选择开始日期"
value-format="yyyy-MM-dd"
></el-date-picker>
<p>-</p>
<el-date-picker
style="width: 200px"
v-model="viewForm.end_date"
type="date"
:picker-options="pickerOptionsEnd"
placeholder="选择结束日期"
value-format="yyyy-MM-dd"
></el-date-picker>
</div>
js
//data中
pickerOptionsStart: {
disabledDate: time => {
const endDateVal = new Date(state.viewForm.end_date).getTime();
if (endDateVal) {
return time.getTime() > endDateVal - 0;
}
},
},
pickerOptionsEnd: {
disabledDate: time => {
const beginDateVal = new Date(state.viewForm.start_date).getTime();
if (beginDateVal) {
return time.getTime() < beginDateVal - 0;
}
},
},
el-date-picker日期范围选择器如何让用户不能选择其他日期,只能选择我规定的日期范围
要限制el-date-picker日期范围选择器中可选的日期范围,您可以使用其props中的“disabled-date”属性来禁用指定的日期。
例如,如果您只想允许选择从2023年2月1日到2023年2月14日之间的日期,您可以这样设置:
<el-date-picker
type="daterange"
:picker-options="{
disabledDate: (date) => {
const start = new Date("2023-02-01");
const end = new Date("2023-02-14");
return date < start || date > end;
}
}"
>
</el-date-picker>
这将禁用2023年2月1日之前和2023年2月14日之后的所有日期,使用户只能选择指定的日期范围内的日期