如何设置Vue Element-UI的el-date-picker只允许选择当天及之前的日期?
- 内容介绍
- 文章标签
- 相关推荐
本文共计250个文字,预计阅读时间需要1分钟。
使用 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限制选择时间为当天之前的代码
<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限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对易盾网络网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

