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

vue ant DatePicker 日期选择器 限制日期可控范围

场景

限制当前日期之前不能选择
限制只能选择日期区间内 

Ant Design Vue

在这里插入图片描述

效果

<a-date-picker :disabledDate="disabledDate"></a-date-picker>
method
// 限制日期选择disabledDate(current) {return current && current > moment().endOf("day");//当前日期之后不能选择return current && current < moment().endOf("day");//当前日期之前不能选择(含当前日)return current && current < moment().subtract(1, "days");//当前日期之前不能选择(不含当前日)//只能选择日期区间内 dates格式为[“2023-03-09","2023-03-30”]let beginDay = dates[0];let endDay = dates[1];return current && current < moment(beginDay).endOf("day") || current > moment(endDay).endOf("day");},
 //限制选择当前时间前2个月后2个月let startDate = moment(new Date()).subtract(2, "months").format("YYYY-MM-DD");let endDate = moment(new Date()).add(2, "months").format("YYYY-MM-DD");
http://www.lryc.cn/news/208021.html

相关文章:

  • linux 音视频架构 linux音视频开发
  • el-table添加固定高度height后高度自适应
  • Python分享之多进程探索 (multiprocessing包)
  • Boris FX Mocha Pro 2023:Mac/win全能影像处理神器
  • elementUI 特定分辨率(如1920*1080)下el-row未超出一行却换行
  • mac电脑视频处理推荐:达芬奇DaVinci Resolve Studio 18 中文最新
  • OKLink携手CertiK在港举办Web3生态安全主题论坛
  • 王道p40 1.设计一个递归算法,删除不带头结点的单链表L中的所有值为x的结点(c语言代码实现)图解递归
  • 深入浅出排序算法之希尔排序
  • close excel by keyword 根据关键字关闭 excel 窗口 xlwings 方式实现
  • LIO-SAM算法解析
  • vscode 提升小程序开发效率的必备插件与工具
  • 第五章单元测试
  • 【JAVA基础】多线程与线程池
  • HCIA数据通信——交换机(Vlan间的通信与安全)
  • Linux shell编程学习笔记16:bash中的关联数组
  • 浏览器是怎么执行JS的?——消息队列与事件循环
  • IMU预积分的过程详解
  • TypeScript中的类型运算符
  • 【蓝桥杯选拔赛真题03】C++输出字母Y 青少年组蓝桥杯C++选拔赛真题 STEMA比赛真题解析
  • redis搭建集群-多实例快速搭建
  • 为什么进行压力测试? 有哪些方法?
  • Java开发者必备:支付宝沙箱环境支付远程调试指南
  • 基于STM32温湿度传感器采集报警系统设计
  • 檢測項目簡體字
  • 适用于嵌入式arm的ffmpeg编解码
  • nlp与知识图谱代码解读_词嵌入
  • HarmonyOS 音频通话开发指导
  • LeetCode讲解篇之面试题 01.08. 零矩阵
  • 安装python虚拟环境