element-ui框架的DateTimePicker控件问题

问题:要写一个日期选择范围,而当前文档也提供了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()
      }
    }
}

}

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


慕田峪7331174
浏览 4145回答 2
2回答

红糖糍粑

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

慕桂英546537

这个element-ui版本是1.3.1版本,比较老,所以才不支持这个属性,到1.4版本才开始支持这个属性
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript