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限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
- Vue3+ElementPlus el-date-picker设置可选时间范围的示例代码
- elementUI组件中el-date-picker限制时间范围精确到小时的方法
- element组件el-date-picker禁用当前时分秒之前的日期时间选择
- 简单设置el-date-picker的默认当前时间问题
- element ui时间日期选择器el-date-picker报错Prop being mutated:"placement"解决方式
- Vue3 elementUI如何修改el-date-picker默认时间
- vue el-date-picker动态限制时间范围案例详解
- el-date-picker时间清空值为null处理方案