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

vue elementui <el-date-picker>日期选择框限制只能选择90天内的日期(包括今天)

之前也写过其他限制日期的语句,感觉用dayjs()的subtract()和add()也挺方便易懂的,以此记录

安装dayjs   npm install dayjs --save

dayjs().add(value : Number, unit : String);
dayjs().add(7, 'day'); //在当前的基础上加7天
dayjs().subtract(value : Number, unit : String);
dayjs().subtract(7, 'day'); //在当前基础上减少7天

案例使用:

<template><el-date-pickerv-model="value1"type="date"placeholder="选择日期":picker-options="pickerOptions"></el-date-picker>
</template><script>
import dayjs from 'dayjs'export default {data() {return {pickerOptions: {disabledDate(time) {return dayjs().subtract(1, 'day') >= time || time >= dayjs().add(89, 'day');// 这是可以限制可选择今天之后的三个月内的日期(不包括今天)// return  dayjs() >= time  ||  time >=  dayjs().add(3, 'month')}},value1: ''};}};
</script>

 

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

相关文章:

  • YOLOv5全新Neck改进:BiSPAN 结构独一无二,为目标检测打造全新融合网络,增强定位信号,对于小目标检测的定位具有重要意义
  • flutter开发实战-video_player插件播放抖音直播实现(仅限Android端)
  • React组件
  • [动手学深度学习]注意力机制Transformer学习笔记
  • hadoop集群安装并配置
  • Quarto 入门教程 (3):代码框、图形、数据框设置
  • 虚拟机Ubuntu18.04安装对应ROS版本详细教程!(含错误提示解决)
  • #力扣:14. 最长公共前缀@FDDLC
  • Android 13.0 解锁状态下禁止下拉状态栏功能实现
  • chromium线程模型(1)-普通线程实现(ui和io线程)
  • uniapp uni.showToast 一闪而过的问题
  • 代理模式介绍及具体实现(设计模式 三)
  • 【18】c++设计模式——>适配器模式
  • mariadb 错误日志中报错:Incorrect definition of table mysql.column_stats:
  • 【SpringBoot】多环境配置和启动
  • 跨qml通信
  • 力扣-404.左叶子之和
  • 如何搭建一个 websocket
  • pip常用命令
  • [QT编程系列-43]: Windows + QT软件内存泄露的检测方法
  • 【Java-LangChain:使用 ChatGPT API 搭建系统-5】处理输入-思维链推理
  • java Spring Boot RequestHeader设置请求头,当请求头中没有Authorization 直接400问题解决
  • [CISCN2019 华北赛区 Day1 Web5]CyberPunk 二次报错注入
  • 双机并联逆变器自适应虚拟阻抗下垂控制(Droop)策略Simulink仿真模型
  • 8月份,誉天79名学员通过HCIE认证!
  • Quarto 入门教程 (2):如何使用并编译出不同文档
  • 【C++设计模式之命令模式:行为型】分析及示例
  • 二、Excel VBA 简单使用
  • 获取url后面的参数
  • python入门篇07-数据容器(序列 集合 字典,json初识)基础(下)