当前位置: 首页 > news >正文

elementplus 时间范围选择器限制选择时间范围

<el-date-pickerv-model="form.time" type="daterange"range-separator="-"start-placeholder="开始时间"end-placeholder="结束":disabled-date="disabledDate"@calendar-Change="calendarChange" 
/>const choiceDate = ref(null);
const calendarChange = (obj: any) => {const minDate = obj[0];const maxDate = obj[1];choiceDate.value = minDate.getTime();if (maxDate) choiceDate.value = null;
};
// 时间限制
const disabledDate = (time) => {if (choiceDate.value) {const one = 3 * 24 * 3600 * 1000;const minTime = choiceDate.value - one;const maxTime = choiceDate.value + one;return time.getTime() < minTime || time.getTime() > maxTime;} else {// 如果没有选择日期,就要限制不能选择今天及以后// return time.getTime() + 1 * 24 * 3600 * 1000 > Date.now();}
};

http://www.lryc.cn/news/186309.html

相关文章:

  • 【网络】抓包工具Wireshark下载安装和基本使用教程
  • Metasequoia 4 水杉3D建模工具 附序列号
  • 股票杠杆交易平台排名:淘配网推荐的十大平台
  • CoreData + CloudKit 在初始化 Schema 时报错 A Core Data error occurred 的解决
  • 修炼k8s+flink+hdfs+dlink(三:安装dlink)
  • Linux 系统性能瓶颈分析(超详细)
  • kafka与zookeeper的集群
  • sqlalchemy 连接池
  • 用Blender制作YOLO目标检测器训练数据
  • c++视觉处理---均值滤波
  • QT基础入门——Qt事件(五)
  • 自学黑客方法-----(网络安全)
  • Dockerfile自定义容器
  • (5)SpringMVC处理携带JSON格式(“key“:value)请求数据的Ajax请求
  • 【iOS】——仿写计算器
  • 公安机关警务vr综合实战模拟训练提高团队合作能力
  • MySQL-1(12000字详解)
  • voc数据集格式与yolo数据集格式的区别及相互转化
  • 超详细!Android Termux上如何安装MySQL,内网穿透实现公网远程访问
  • TSNE降维学习
  • 基于Python+Selenium的web自动化测试框架详解
  • C (1094) : DS双向链表—前驱后继
  • mp4视频太大怎么压缩变小?
  • 利用easy excel 实现文件导出
  • LongLoRA:超长上下文,大语言模型高效微调方法
  • 【漏洞复现】某 NVR 视频存储管理设备远程命令执行
  • 若依前端-应用路径发布和使用
  • Mojo 正式发布,Rust 能否与之匹敌?
  • opencv实现抠图,图像拼接,图像融合
  • 照片处理软件Lightroom Classic mac中文版功能介绍(Lrc2021)