本文主要是介绍【element-ui】el-date-picker动态设置picker-options,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<el-date-pickerv-model="formObj.startDate"type="date"placeholder="开始时间":picker-options="startPickerOptions">
</el-date-picker><el-date-pickerv-model="formObj.endDate"type="date"placeholder="结束时间":picker-options="endPickerOptions"></el-date-picker>
computed:{startPickerOption(){let _this = thisreturn {disabledDate(time){if(_this.formObj.endDate){return time.getTime() > new Date(_this.formObj.endDate).getTime()}else{return false}}}},endPickerOption(){let _this = thisreturn {disabledDate(time){if(_this.formObj.startDate){return time.getTime() > new Date(_this.formObj.startDate).getTime()}else{return false}}}},
}
效果图如下:
这篇关于【element-ui】el-date-picker动态设置picker-options的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!