如何设置Vue Element-UI的el-date-picker只允许选择当天及之前的日期?

2026-04-05 20:182阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计250个文字,预计阅读时间需要1分钟。

如何设置Vue Element-UI的el-date-picker只允许选择当天及之前的日期?

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

本文共计250个文字,预计阅读时间需要1分钟。

如何设置Vue Element-UI的el-date-picker只允许选择当天及之前的日期?

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