【element-ui】element-ui框架的DateTimePicker控件问题

  • Z时代
  • 2024-01-10
  • 分类：IT

问题：要写一个日期选择范围，而当前文档也提供了picker-options，但是我写了这个函数后，发现并没有触发，想请问是怎么回事？
代码如下：
<el-form :ref="form" :model="form">
<el-form-item :label="申请时间" prop="date1">

<el-col :span="10">
    <el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="开始日期" :picker-options="pickerOptionsStart">
    </el-date-picker>
</el-con>

</el-form-item>
<el-form-item prop="date2">

<el-col :span="10">
    <el-date-picker size="small" v-model="form.date2" type="datetime" placeholder="结束日期" :picker-options="pickerOptionsEnd">
    </el-date-picker>
</el-con>

</el-form-item>
</el-form>

data(){

return{
    form:[
        date1:'',
        date2:''
    ],
    pickerOptionsStart:{
      disableDate:(time)=>{
          return time.getTime()>Date.now()
      }
    },
    pickerOptionsStart:{
      disableDate:(time)=>{
          return time.getTime()<Date.now()
      }
    }
}

}

以上就是简单的写法，但是缺效果并没有实现，还是每一个都可以选择
图片描述

回答：

这个element-ui版本是1.3.1版本，比较老，所以才不支持这个属性，到1.4版本才开始支持这个属性

回答：

<el-date-picker size="small" v-model="form.date1" type="datetime" placeholder="开始日期" :picker-options="pickerOptionsStart">
 </el-date-picker>
 pickerOptionsStart: {
        disabledDate: (time) => {
          // 只能选今天以后的
          return time.getTime() < new Date()
        }
      }

以上是 【element-ui】element-ui框架的DateTimePicker控件问题 的全部内容， 来源链接： utcz.com/p/151701.html

回到顶部