JavaScript

超轻量级php框架startmvc

vue element-ui el-date-picker限制选择时间为当天之前的代码

更新时间:2020-09-21 19:42:01 作者:startmvc
vueelement-uiel-date-picker限制选择时间为当天之前的代码<el-date-pickerv-model="firstdate":picker-option

vue element-ui el-date-picker限制选择时间为当天之前的代码


<el-date-picker
 v-model="firstdate"
 :picker-options="pickerOptions0"
 type="daterange"
 range-separator="至"
 start-placeholder="开始时间"
 end-placeholder="结束时间"
 style="width:300px"
 ></el-date-picker>

 其中 :picker-options="pickerOptions0" 便是限制选择时间的属性,在data中可以这样写


data:{
 return{
 pickerOptions0: {
 disabledDate(time) {
 return time.getTime() > Date.now() - 8.64e6
 }
 }, 
}

这样便实现了限制选择时间为当天之前

总结

以上所述是小编给大家介绍的vue element-ui el-date-picker限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持! 如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

vue element-ui el-date-picker vue 限制时间