web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

el-date-picker默认快捷键代码(禁掉今日之后的时间)

694 ℃

利用element-uiel-date-picker设置时间组件,如何优化快捷键内容,禁掉今日之后的时间所有时间,下面web建站小编给大家详细介绍一下具体代码!

代码如下:

pickerOptions: {
  //时间快捷键
  shortcuts: [{
    text: "昨天",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
     end.setTime(end.getTime() - 3600 * 1000 * 24 * 1);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "前天",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 2);
     end.setTime(end.getTime() - 3600 * 1000 * 24 * 2);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "近一周",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "近一个月",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "近三个月",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "近半年",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
     picker.$emit("pick", [start, end]);
    }
  },
  {
    text: "近一年",
    onClick(picker) {
     const end = new Date();
     const start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
     picker.$emit("pick", [start, end]);
    }
  }],

  //禁掉今日之后的时间
  disabledDate(time) {
   return time.getTime() > Date.now();
  }
},

el-date-picker时间选择器默认时间为前7天(15天)

修改element-ui源码兼容el-date-picker支持年区间选择

element-ui时间组件el-date-picker用x清空后报错解决方法

el-date-picker区间时间可输入(外面输入框禁止输入,弹窗框可输入)

element-ui移动端时间组件隐藏虚拟键盘

标签: el-date-picker, 时间快捷键

上面是“el-date-picker默认快捷键代码(禁掉今日之后的时间)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_3933.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > vuejs
本文共计1325个字,预计阅读时长9分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款宝藏型工具应用类网站——一个木匣
下一篇: 推荐一款拥有江西情怀的免费可商用字体——江西拙楷体
x 打工人ai神器