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

这篇文章主要介绍了vue element-ui el-date-picker如何限制选择时间为当天之前,文中给大家提供了代码段和截图，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

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限制选择时间为当天之前的代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。