ElementUI:el-table 判断某个时间超过当前时间行标红

功能总结:
1.elementUI表格给某一行添加背景颜色
2.如何js判断两个时间大小

**

表格代码:

**

复制代码
   <el-table
        ref="$table" :data="tableData"  row-key="id" 
        :header-cell-style="{ 'text-align': 'center' }" :cell-style="cellClassName"
      >
   </el-table>

备注:通过:cell-style属性给表格添加背景颜色

复制代码
function cellClassName({ row }) {
  var currentDate = new Date();
  var currentDateStr = currentDate.getFullYear() + '-' + (currentDate.getMonth() + 1) + '-' + currentDate.getDate();  // 当前时间的时间戳
  if (new Date(currentDateStr).getTime() > new Date(row.completeDt).getTime()){
    return { 'background-color': 'red', 'text-align': 'center' }
  }else{
    return { 'text-align': 'center' }
  }
}

**`

逻辑:把时间转化成时间戳来判断两个时间的大小

`**

相关推荐
remember_me9 分钟前
前端打印实现-全网最简单实现方法
前端·javascript·react.js
前端小巷子12 分钟前
IndexedDB:浏览器端的强大数据库
前端·javascript·面试
Whbbit199912 分钟前
如何使用 Vue Router 的类型化路由
前端·vue.js
JYeontu17 分钟前
浏览器书签还能一键下载B站视频封面?
前端·javascript
Xy91021 分钟前
从代码角度拆解Apptrace的一键拉起
javascript·数据库
Sun_light25 分钟前
深入理解JavaScript中的「this」:从概念到实战
前端·javascript
水冗水孚1 小时前
🚀四种方案解决浏览器地址栏预览txt文本乱码问题🚀Content-Type: text/plain;没有charset=utf-8
javascript·nginx·node.js
不爱说话郭德纲1 小时前
🔥Vue组件的data是一个对象还是函数?为什么?
前端·vue.js·面试
绅士玖1 小时前
JavaScript 中的 arguments、柯里化和展开运算符详解
前端·javascript·ecmascript 6
每天都想着怎么摸鱼的前端菜鸟1 小时前
【uniapp】uniapp热更新WGT资源,简单的多环境WGT打包脚本
javascript·uni-app