el-input保留一位小数点 / el-date-picker时间选择器结束时间大于开始时间处理办法

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日之后的所有日期,使用户只能选择指定的日期范围内的日期

猜你喜欢

转载自blog.csdn.net/weixin_44255044/article/details/126194505
今日推荐