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

element el-date-picker 日期组件置灰指定日期范围、禁止日期范围日期选择

JS如何将当前日期或指定日期转时间戳_javascript技巧_脚本之家

小于指定日期前的日期置灰 

比如这里 指定日期是 2024-02-20 10:48:15

disabledDate(time) time是一个函数提供的时间用于比较 他是一个时间戳↓ 理解为我们想要置灰的时间

time.getTime() <= timeStamps- 1 * 24 * 60 * 60 * 1000  表示小于指定时间置灰
time.getTime() > Date.now() //表示大于当前日期(电脑时间) 置灰

 data() {return {pickerOptionsStart: {disabledDate: "",},pickerOptionsEnd: {disabledDate: "",},};},let timeStamps1 = Date.parse('2024-02-20 10:48:15'); //转时间戳
that.disabledDateMethod(timeStamps1);methods:{disabledDateMethod(timeStamps) {this.pickerOptionsStart = {disabledDate(time) {console.log(time,'time')return (time.getTime() <= timeStamps- 1 * 24 * 60 * 60 * 1000 ||time.getTime() > Date.now());},};},//小于当前时间减14天的时候置灰disabledDateMethodMore14() {this.pickerOptionsStart = {disabledDate(time) {return (time.getTime() < Date.now() - 15 * 24 * 60 * 60 * 1000 ||time.getTime() > Date.now());},};},}

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

相关文章:

  • 202434读书笔记|《繁星·春水》——残花缀在繁枝上,鸟儿飞去了,撒得落红满地,生命也是这般的一瞥么?
  • Golang 关于 interface 接口的理解
  • SQL注入漏洞解析--less-7
  • java高级——反射
  • 云计算新宠:探索Apache Doris的云原生策略
  • 【PHP设计模式08】装饰模式
  • 寒假作业Day 01
  • 学习JAVA的第四天(基础)
  • 拉美巴西阿根廷媒体宣发稿墨西哥哥伦比亚新闻营销如何助推跨境出海推广?
  • SpringMVC 学习(九)之拦截器
  • TCP/IP-常用网络协议自定义结构体
  • 内部控制提纲
  • 江科大stm32 定时器 TIM输出比较--学习笔记
  • VHDL-2008语言支持
  • linux系统git的安装和配置
  • oracle11g数据库 冷备份与冷恢复
  • 考研数据结构算法机试训练1
  • SAP PO接口行项目json缺少中括号[]问题
  • STM32_DS18B20_1_芯片简介及初始化配置
  • 每天一个数据分析题(一百六十四)
  • 单词倒排——c语言解法
  • Python + Selenium —— 网页元素定位之class name定位!
  • matlab simulink变压器温度仿真
  • 设计模式七:责任链模式
  • Git,GitHub与GitLab分别是什么?有什么关系和区别?
  • 【Spring连载】使用Spring Data访问 MongoDB----Template API 查询Documents
  • git describe
  • React Switch用法及手写Switch实现
  • PowerShell执行策略:确保脚本安全执行的关键
  • LeetCode 热题 100 | 图论(上)