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

(编辑:jimmy 日期: 2024/9/22 浏览:2)

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

一句话新闻

Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。