elementui时间选择器控制可选时间范围

原创于 2022-04-20 20:14:54 发布 · 1.8k 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript

这篇博客探讨了如何在代码中实现时间范围的控制，具体展示了两个示例：一是设置从三个月前的今日到昨天的时间段，二是从两个月前的第一天到昨天。在disabledDate函数中，通过获取当前时间并计算指定时间点的毫秒数来限制日期选择器的可用范围。同时，指出了在该函数内无法使用this关键字调用组件方法的问题。

需求描述

控制可选时间范围

代码

//控制时间从3个月前的今日开始到昨天
      pickerOptions:{
         disabledDate(time) {
          let date =new Date() //获取当前时间
          let month =date.getMonth()-3 //获取3个月前的月份的index(0是1月)
          let day = date.getDate()
          let threeMounthsBeforeDay = (new Date(date.getFullYear(),month,day)).getTime() //定义2个月前的毫秒数
          return time.getTime() > Date.now() || time.getTime() < threeMounthsBeforeDay //限制时间范围，如果要包含今天可以+/-8.64e7/8.64e6
        }
      },
      //控制时间在从2个月前的一号开始到昨天。
      pickerOptionsMonth: {
        disabledDate(time) {
          let date =new Date() //获取当前时间
          let month =date.getMonth()-2 //获取2个月前的月份的index(0是1月)
          let threeMounthsBefore = (new Date(date.getFullYear(),month)).getTime() //定义2个月前的毫秒数
          return time.getTime() > Date.now() || time.getTime() < threeMounthsBefore //限制时间范围，如果要包含今天可以+/-8.64e7/8.64e6
        }
      }