当前位置 : 主页 > 网络编程 > JavaScript >

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

来源:互联网 收集:自由互联 发布时间:2021-04-05
vue element-ui el-date-picker限制选择时间为当天之前的代码 el-date-picker v-model="firstdate" :picker-options="pickerOptions0" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间

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限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对易盾网络网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

网友评论