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选择时间范围固定(不
基础教程推荐
猜你喜欢
- JavaScript实现三种常用网页特效(offset、client、scroll系列) 2023-08-12
- C#-Windows Store应用中的HtmlAgilityPack 2023-10-25
- springboot+vue3搭建项目 2023-10-08
- js替代copy(示例代码) 2023-12-02
- 使用box-sizing让CSS布局更直观 2023-12-22
- css元素隐藏原理及display:none和visibility:hidden 2024-04-27
- Flutter Tab 切换时保留tab的状态 2022-09-08
- 纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器) 2023-12-22
- vue项目调用通用组件_vue封装公共组件(通用组件)需要考虑到什么 2023-10-08
- ajax跳转到新的jsp页面的方法 2023-02-14