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

el-date-picker限制选择的时间范围

<el-date-pickersize="mini"v-model="dateTime"value-format="yyyy-MM-dd HH:mm:ss"type="datetimerange"range-separator="~"start-placeholder="开始日期"end-placeholder="结束日期":picker-options="pickerOptions"/>

 限制选择今天之前的时间,并且只能选择一天                

data() {return {pickerMinDate: '',pickerOptions: {onPick: (pick) => {this.pickerMinDate = pick; //获取当前选择日期},disabledDate: (date) => {const timeStamp = 24 * 60 * 60 * 1000; //1天的时间戳const { minDate, maxDate } = this.pickerMinDate;if (date.getTime() > Date.now()) {return true;} else if (minDate && !maxDate) {// 日期范围控制在365天内const tamp = Math.abs(minDate.valueOf() - date.valueOf());const customTimeStamp = timeStamp * 1; //自定义天数if (tamp > customTimeStamp) {return true;}}},},}
}

只能选择今天往后365天

 data() {return {valueDate: "",pickDate: "", //存储日期pickerOptions: {onPick: (pick) => {this.pickDate = pick; //获取当前选择日期},disabledDate: (date) => {const timeStamp = 24 * 60 * 60 * 1000; //一天的时间戳const { minDate, maxDate } = this.pickDate;if (date.getTime() < Date.now() - timeStamp) {//选择今天及以后的日期(如果不需要从今天开始,只需要控制范围,这个判断去掉即可)return true;} else if (minDate && !maxDate) {// 日期范围控制在365天内const tamp = Math.abs(minDate.valueOf() - date.valueOf());const customTimeStamp = timeStamp * 365; //自定义天数if (tamp > customTimeStamp) {return true;}}},},};},
http://www.lryc.cn/news/149710.html

相关文章:

  • Scala中的Actor模型
  • Java使用pdfbox将pdf转图片
  • 大规模场景下对Istio的性能优化
  • 数字化新零售平台系统提供商,门店商品信息智慧管理-亿发进销存
  • postgresql-窗口函数
  • Revit SDK 介绍:CreateAirHandler 创建户式风管机
  • 微信小程序云开发-云函数发起https请求简易封装函数
  • 深入探索PHP编程:连接数据库的完整指南
  • 【Centos8配置节点免密登陆】
  • 不可变集合、Lambda表达式、Stream流
  • Three.js GLTF模型加载
  • 外包干了2个月,技术退步明显...
  • java八股文面试[多线程]——主内存和工作内存的关系
  • 技术分享 | LSM,Linux 内核的安全防护盾
  • http服务(Apache 2.4.57)源码编译及使用
  • 【1day】H5S视频平台未授权漏洞学习
  • 企业架构LNMP学习笔记3
  • 使用Spring Boot和Kafka实现消息发送和订阅
  • 探讨uniapp的组件使用的问题
  • 【跟小嘉学 Rust 编程】十七、面向对象语言特性
  • mall :rabbit项目源码解析
  • JDBC连接数据库
  • Linux学习之Ubuntu 20中OpenResty的nginx目录里内容和配置文件
  • 使用axi_quad_spi操作spi_flash
  • Linux:tomcat (源码包安装)(官网下载-安装-启动-配置-等等等-----从入门到入土)
  • 中科驭数以DPU先进计算技术,夯实下一代金融IT基础设施底座
  • Android 手游聚合SDK小知识(二) 聚合分包
  • 【RISC-V】RISC-V寄存器
  • Python爬虫异常处理实践:处理被封禁和网站升级问题
  • 重大工程建造云服务平台源码 SpringCloud+Vue