template部分就不介绍了,只要el-date-picker控件里带:picker-options="pickerOptions"有可以
script部分:
export default {
data() {
return {
selectHospital: [],
selectHospitalValue: "",
pickerOptions: {
onPick: time => {
//当第一时间选中才设置禁用
if (time.minDate && !time.maxDate) {
this.timeOptionRange = time.minDate;
}
if (time.maxDate) {
this.timeOptionRange = null;
}
},
disabledDate: time => {
let timeOptionRange = this.timeOptionRange;
let secondNum = 60 * 60 * 24 * 6 * 1000;
if (timeOptionRange) {
if (timeOptionRange.getTime() + secondNum > Date.now() - 8.64e6) {
return (
time.getTime() > Date.now() - 8.64e6 ||
time.getTime() < timeOptionRange.getTime() - secondNum
);
}
return (
time.getTime() > timeOptionRange.getTime() + secondNum ||
time.getTime() < timeOptionRange.getTime() - secondNum
);
}
}
}
}
}
}
以上是编程学习网小编为您介绍的“ElementUI时间控件el-date-picker选择时间范围固定(不”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:ElementUI时间控件el-date-picker选择时间范围固定(不


基础教程推荐
猜你喜欢
- 前端面试学习中几个常见有用的知识点 2024-03-11
- html5简介_动力节点Java学院整理 2024-01-23
- Ajax提交post请求案例分析 2023-02-22
- CSS 鼠标悬浮在图片上添加遮罩层效果的实现 2023-12-29
- javascript 调用其他页面的js函数或变量的脚本 2024-01-06
- 如何获取vuex的state对象中的属性 2023-10-08
- Bootstrap CSS组件之大屏幕展播 2023-12-11
- vue播放flv、m3u8视频流(监控)的方法实例 2023-12-21
- javascript实现图片左右滚动效果【可自动滚动,有左右按钮】 2023-12-19
- span 右浮动折行 解决ie6/7中span右浮动折行问题 2023-12-13