vue element-ui el-date-picker限制选择时间为当天之前的代码
2019-11-08 18:07
3807 查看
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限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- JQuery UI datepicker在选择startDate与endDate时手动清空数据后,时间选择依然有限制问题!
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- 用DatePicker和TimePicker写的一个日历时间选择案例
- 日期时间范围选择插件:daterangepicker使用总结(必看篇)
- vue.js + iview + DatePicker控件,时间区间选择
- Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker
- Android开发之DatePicker和TimePicker实现选择日期时间功能示例
- Windows Phone 8.1中日期和时间选择器DatePicker,TimePicker
- 使用datepicker插件实现分段时间的选择8-6
- 【Android】时间选择器,选择日期DatePicker 简单详解demo及教程
- 第八章—进度对话框ProgressDialog、日期选择器DatePickerDialog、时间选择器TimePickerDialog
- easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
- Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker
- react.js antd datePicker控件获取时间与从数据库获取时间绑定到时间选择器上
- My97 datepicker 日期控件添加时间自动选择 年龄,生肖,星座
- iOS--UIDatePicker 时间选择器 的使用方法详细
- 使用日历选择器DatepicKer和时间选择器TimepicKer
- 使用datepicker插件实现分段时间的选择8-6
- Android UI控件系列:DatePicker,TimePicker(日期和时间选择)
- IOS--UIDatePicker 时间选择器 的使用方法详细