如何设置vue element-ui el-date-picker组件仅允许选择当天及之前的日期？

本文共计253个文字，预计阅读时间需要2分钟。

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