欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui 日期选择器时间选择范围限制

程序员文章站 2022-03-04 11:03:56
...

限制可选时间范围为60天内

<el-date-picker
     v-model="dateTimeStart"
     type="datetime"
     placeholder="请选择开始时间"
     :picker-options="pickerOptions"
></el-date-picker>
<el-date-picker
     v-model="dateTimeEnd"
     type="datetime"
     placeholder="请选择结束时间"
     :picker-options="pickerOptions"
></el-date-picker>
<script>
data (){
   return {
       dateTimeStart:'',
       dateTimeEnd:'',
       pickerOptions: {
          disabledDate: time => {
              let maxDate = new Date().getTime(); //最大可选时间为当前时间
              let diffDate = 60 * 24 * 3600 * 1000; //相差时间60天
              let minDate = maxDate - diffDate; //最小可选时间为当前时间减去相差时间
              return (
                  time.getTime() > maxDate || time.getTime() < minDate
              );
          }
      }  
   }     
}    
</script>