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

Vue3+ElementPlus el-date-picker时间选择器,设置最多选择60天区间内,必须选择大于今天

Vue3+ElementPlus el-date-picker时间选择设置,

  1. 必须选择大于今天;
  2. 最多选择60天区间内;

使用disabled-date

在这里插入图片描述

具体实现代码:

    <el-date-pickerv-model="state.queryParams.dateTime":editable="false":clearable="false"style="width: 240px"value-format="YYYY-MM-DD"type="daterange"range-separator="-":disabled-date="disabledDateFun"start-placeholder="开始日期"end-placeholder="结束日期"@change="changeTime"/>--------
--------
--------
// 最多选择60天区间以内
const disabledDateFun = (time: Record<string, any>): boolean => {console.log(time) // time 为new Date()类型const secondNum = 60 * 60 * 24 * 60 * 1000 //上下波动60天if (time.getTime() > new Date().getTime()) {return time.getTime() >= new Date().getTime() //时间范围必须大于今天} else {return time.getTime() < Date.now() - secondNum}
}

在这里插入图片描述

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

相关文章:

  • 2022年亚太杯APMCM数学建模大赛B题高速列车的优化设计求解全过程文档及程序
  • OSI网络分层模型
  • EOS区块链keosd的RPC API
  • React +AntD + From组件重复提交数据(已解决)
  • spring的简单使用(配合Druid操作数据库)
  • 10.20作业
  • 笔记1 Compute Shaders
  • IntelliJ IDEA 2023版本 Debug 时没有Force Step Into 按钮解决方法
  • 【2024秋招】用友后端BIP部门hr面-2023.8.31
  • [ Windows ] ping IP + Port 测试 ip 和 端口是否通畅
  • Golang协程的概念、用法、场景及案例
  • Redis 主从复制,哨兵,集群——(3)集群篇
  • Flink之Watermark水印、水位线
  • uni-app:对数组对象进行以具体某一项的分类处理
  • 顺序队列----数据结构
  • 【Python学习笔记】字符串格式化
  • RIP,EIGRP,OSPF区别
  • 驱动day2作业
  • MySQL基本操作之创建数据表
  • rk平台android12修改dp和喇叭同时输出声音
  • 经典网络模型
  • SystemVerilog Assertions应用指南 Chapter1.29“ disable iff构造
  • C++设计模式之MVC
  • Windows 下Tomcat监测重启
  • 数据库管理-第112期 Oracle Exadata 03-网络与ILOM(20231020)
  • Kubeadm部署k8s集群 kuboard
  • 虚拟机如何联网【NAT】
  • 机器学习,神经网络中,自注意力跟卷积神经网络之间有什么样的差异或者关联?
  • 这件事,准备考PMP的都必须知道
  • elasticsearch常用命令