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选择时间范围固定(不
基础教程推荐
猜你喜欢
- border-radius以外的CSS圆角边框制作方法 2023-12-08
- JS实现导出Excel的五种方法详解【附源码下载】 2023-12-27
- Js 获取、判断浏览器版本信息的简单方法 2023-12-14
- javascript高仿热血传奇游戏实现代码 2024-01-07
- 妙用Ajax技术实现局部刷新商品数量和总价实例代码 2022-12-28
- webpack-dev-server搭建本地服务器的实现 2024-03-08
- 利用HTML5分片上传超大文件工具 2023-10-26
- AJAX跨域问题解决方案详解 2023-02-23
- JS如何对Iframe内外页面进行操作总结 2023-12-26
- 在DIV容器中使用浮动元素的方法 2023-12-20
