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

news2024/11/20 1:53:58

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

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

使用disabled-date

在这里插入图片描述

具体实现代码:

    <el-date-picker
          v-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.coloradmin.cn/o/1105503.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

红队专题-从零开始VC++C/S远程控制软件RAT-MFC-[4]客户端与服务端连接

红队专题 招募六边形战士队员服务端编写新建工程server函数创建主线程类获取配置信息运行command 命令头文件里创建引用win32 类库/头文件startsocket 开始监听 类函数添加类StartSocketmysend/myrecv 设置 m_sockCommon 头文件MSGINFO_S 结构体 ThreadMain头文件runflag 启动 …

RN:指定模拟器启动

背景 我们启动 react native 项目的时候&#xff0c;会打开一个模拟器&#xff0c;但是有时不是我们想要的&#xff0c;我们如何去指定一个模拟器启动呢&#xff1f; IOS xcrun simctl list devicesyarn ios --simulator"<模拟器的UDID>"Android 目前没发现…

量子力学应用的特殊函数1----谐振子场与线性场

量子力学应用的函数--谐振子 Hermite 函数 厄米函数的一些性质 Laguerre 函数 a不为零时&#xff0c;称之为广义拉盖尔函数&#xff0c;这里不去研究他的解的性质 拉盖尔函数的一些性质 /. AiryAi 函数 在脑海中补充他的边界条件通过傅里叶变换等一些列复杂的微操&#xff0c;…

VMware Workstation 15 安装教程

在本文中&#xff0c;我们将以VMware Workstation 15 为例&#xff0c;演示如何在Windows上安装VMware Workstation。首先&#xff0c;用户需要从VMware官网下载VMware Workstation 15 for Windows软件安装包。不知道如何下载的&#xff0c;小编也为大家准备了最新的分流下载地…

第三章 内存管理 八、两级页表

目录 一、定义 二、如何实现地址变换 三、注意 四、总结 一、定义 二级页表是一种分层的虚拟内存管理机制。在二级页表中&#xff0c;虚拟地址被分成两个层次&#xff0c;第一层是页目录&#xff0c;第二层是页表。通过这种方式&#xff0c;二级页表可以管理更大的虚拟内存…

比亚迪、吉利、蔚来等将出席2023第四届中国新能源汽车热管理峰会

会议背景 2023第四届中国新能源汽车热管理创新国际峰会将于11月16日-17日在上海举办。会议线上线下同步举行&#xff0c;会场提供中英同声传译。 本次峰会将密切关注“双碳”目标下中国新能源汽车一体化热管理的最新行业动态与关键技术的研发和应用方案。会议将对中国新能源汽…

伦敦银怎么算自己的收益?

伦敦银国际贵金属投资市场上的高收益的投资工具&#xff0c;目前投资者在香港的平台参与交易&#xff0c;可以获得50倍的资金杠杆&#xff0c;因此只有拿下一小波的行情&#xff0c;就有望赚取一波爆发性的收益。 但伦敦银交易中的收益具体是如何计算的呢&#xff1f;假设投资者…

沃通SSL证书申请指南:(一)如何注册下单、填写域名?

&#xff08;一&#xff09;如何注册下单、填写域名&#xff1f; 一、如何注册【沃通数字证书商店】账号 提交注册信息&#xff1a;打开沃通数字证书商店站点&#xff0c;如下图所示&#xff1b;填写邮箱、登录密码、确认密码、验证码等。点“注册”按钮&#xff0c;提交注册…

jenkins 安装与使用

jenkins 安装与使用 安装插件&#xff1a; 开启该插件功能 验证用户管理 创建web01~02 使用web01登录 用户权限划分 安装 Role-Based Strategy 插件后&#xff0c;系统管理 中多了如图下所示的一个功能&#xff0c;用户权限的划分就是靠他来做的 创建角色 重新访问 创建项目…

java.lang.OutOfMemoryError: Java heap space

我经常看见我们服务的控制台上打印出这样的报错&#xff1a; Java.lang.OutOfMemoryError: Java heap space java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: GC overhead limit exceeded 1. java.lang.OutOfMemoryError: Java heap space Java heap…

supervisor--go版安装

系统环境 ubuntu18.04 安装 1、下载指定golang版本的安装包 安装包下载地址&#xff1a;https://github.com/ochinchina/supervisord/releases/tag/v0.7.3 1.1、构建supervisor的目录结构 mkdir -p /etc/supervisord/conf.d1.2、supervisor的目录结构 1.3、说明 目录中的…

【ELK 使用指南 3】Zookeeper、Kafka集群与Filebeat+Kafka+ELK架构(附部署实例)

EFLKK 一、Zookeeper1.1 简介1.2 zookeeper的作用1.3 Zookeeper的特点1.5 Zookeeper的数据结构1.6 Zookeeper的应用场景1.7 Zookeeper的选举机制&#xff08;重要&#xff09;1.7.1 第一次启动时1.7.2 非第一次启动时 二、Zookeeper集群部署2.1 安装前准备2.2 安装 ZookeeperSt…

Go语言入门心法(九): 引入三方依赖

Go语言入门心法(一): 基础语法 Go语言入门心法(二): 结构体 Go语言入门心法(三): 接口 Go语言入门心法(四): 异常体系 Go语言入门心法(五): 函数 Go语言入门心法(六): HTTP面向客户端|服务端编程 Go语言入门心法(八): mysql驱动安装报错onnection failed Go语言入门心法…

left join时筛选条件对查询结果的

-- 创建表 CREATE TABLE table1 (id int(11) NOT NULL AUTO_INCREMENT,card_num varchar(60) DEFAULT NULL,customer_id varchar(60) DEFAULT NULL,PRIMARY KEY (id) ) ENGINE InnoDBAUTO_INCREMENT 12DEFAULT CHARSET utf8mb4 COMMENT 测试表1;-- 创建表 CREAT…

在线课堂知识系统源码系统+前端+后端完整搭建教程

大家好啊&#xff0c;今天罗峰来给大家分享一款在线课堂知识系统源码系统。这款系统的功能十分强大。可以使用手机随时随地地学习&#xff0c;有专业的导师答疑解惑。支持视频&#xff0c;音频&#xff0c;图文章节。以下是部分核心代码图&#xff1a; 系统特色功能一览&#x…

Git reset current branche here操作请谨慎停留3秒

Idea git弹框请谨慎操作 下面几个选项要慎选 reset操作说明 soft&#xff0c;将版本回滚&#xff0c;工作区不动&#xff0c;暂存区原来的回滚后和回滚前的版本差异。 mixed&#xff0c;将版本回滚&#xff0c;回滚到了所有 git add 和 git commit 的命令执行之前。暂存区变…

《持续交付:发布可靠软件的系统方法》- 读书笔记(六)

持续交付&#xff1a;发布可靠软件的系统方法&#xff08;六&#xff09; 第 6 章 构建与部署的脚本化6.1 引言6.2 构建工具概览6.2.1 Make6.2.2 Ant6.2.3 NAnt 与 MSBuild6.2.4 Maven6.2.5 Rake6.2.6 Buildr6.2.7 Psake 6.3 构建部署脚本化的原则与实践6.3.1 为部署流水线的每…

为什么推荐使用SSL付费证书?

虽然免费的SSL证书提供了一种获取加密连接的途径&#xff0c;但它们与付费证书相比存在一些局限性和不足之处。免费的SSL证书在某些情况下可能不建议使用&#xff0c;主要有以下几个原因&#xff1a; 1. 可能信任度较低&#xff1a;免费SSL证书通常由非权威的证书颁发机构&…

国内有哪些支持定制化开发的低代码平台?

在国内&#xff0c;有许多支持定制化开发的低代码平台。这些平台通过简化和加速软件开发过程&#xff0c;使企业能够快速构建和定制应用程序&#xff0c;而无需大量编码工作。下面将详细介绍其中几个具有代表性的低代码平台。 1. Datainside&#xff1a; Datainside是一款强大…

查看linux系统 管道/栈/最大打开文件数等 命令 ulimit -a

不同平台下对默认栈大小修改_gcc设置堆栈大小-CSDN博客一、前言&#xff1a;在应用程序我们经常需要定义大的数组&#xff0c;数组定义成局部变量非静态变量&#xff0c;那么数组就会在栈上分配&#xff0c;当数组超过默认栈的大小时&#xff0c;会引起非常内存访问。一般&…