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

禁止选择当天及以后的时间

这篇文章编辑与2023.12.26,所以可以选择的时间为包含2023.12.25以及之前的时间

实现思路:1、获取当天时间的年月日,然后默认时分秒为23:59:59;

                   2、获取到时间转为时间戳减去 一天(1*24*3600*1000)

                   3、选择的时间大于第二步的时间(禁用逻辑)

代码:页面部分

          <el-form-item label="告警时间">
            <el-date-picker
              value-format="yyyy-MM-dd HH:mm:ss"
              v-model="time"
              type="datetimerange"
              :picker-options="pickerOptions"
              range-separator="~"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :default-time="pickerDefaultTime"
            />
          </el-form-item>

       data部分

  data() {
    const that = this;
    return {
      pickerDefaultTime: defaultTime,
      pickerOptions: {
        disabledDate: this.disabledDateMethod,
      },
      time: [],
      }
}

method部分

    disabledDateMethod(time) {
      let nowData = this.setDate();
      let firstDay = nowData + " 23:59:59";
      firstDay = Date.parse(firstDay);
      let endTime = firstDay - 1 * 24 * 3600 * 1000;
      return time.getTime() > endTime ;
    },
    setDate(day) {
      let date = new Date();
      let y = date.getFullYear();
      let m = date.getMonth() + 1;
      let d = "";
      if (day) {
        d = day;
      } else {
        d = date.getDate();
      }
      m = m < 10 ? "0" + m : m;
      d = d < 10 ? "0" + d : d;
      return y + "-" + m + "-" + d;
    },
  },

http://www.dtcms.com/a/5740.html

相关文章:

  • Prometheus node_exporter计算CPU利用率的标准公式应该是哪一个
  • 如何与听力损失者沟通
  • kafka发送大消息
  • 【开源】基于JAVA的学校热点新闻推送系统
  • 时间和空间复杂度
  • 设计测试用例
  • 3分钟了解安全数据交换系统有什么用!
  • 360勒索病毒:了解最新变种.360,以及如何保护您的数据
  • 升压斩波电路的simulink建模与仿真
  • 外卖系统开发:构建高效、安全的外卖平台
  • Arduino/Android 蓝牙通信系统设计解决方案
  • 面试心得总结ing版
  • 模式识别与机器学习(十):梯度提升树
  • Iceberg: COW模式下的MERGE INTO的执行流程
  • 【小白攻略】php 小数转为百分比,保留两位小数的函数
  • FFmpeg常见命令行
  • 【知识点随笔分享 | 第九篇】常见的限流算法
  • Linux命令-查看内存、GC情况及jmap 用法
  • Linux可执行文件动态库依赖
  • MyBatis:Generator
  • EasyExcel使用: RGB字体,RGB背景颜色,fillForegroundColor颜色对照表
  • Python中Pandas详解之数据结构
  • 深度学习中的Dropout
  • 手把手教你使用 PyTorch 搭建神经网络
  • python使用selenium控制浏览器进行爬虫
  • 智能优化算法应用:基于材料生成算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • 如何利用flume进行日志采集
  • (salutation称呼)Mr., Mrs., Miss, Ms., Mx.,Jr.,Sr.,II,III,IV 分别是什么意思
  • Spring Boot + MinIO 实现文件切片极速上传技术
  • SQL面试题挑战06:互相关注的人