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选择时间范围固定(不
猜你喜欢
- vue3页面跳转的两种方式 2023-07-09
- css cursor 的可选值(鼠标的各种样式) 2024-01-05
- vue实现滚动条始终悬浮在页面最下方 2024-01-04
- 6.操作边框的属性.html 2023-10-27
- 解决CSS中子元素z-index与父元素兄弟节点的层级问题 2024-01-03
- AJAX请求以及解决跨域问题详解 2023-02-24
- HTML汉字编码标准介绍 2022-09-21
- vue轮播图插件和页面滚动显示图片插件汇总 2023-10-08
- Vue拖拽自定义顺序之draggable 2023-10-08
- JS触摸事件、手势事件详解 2023-12-01