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' }
  }
}

**`

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

`**

相关推荐
许我半盏清茶6 分钟前
JavaScript 原型与原型链完全指南
javascript
xuankuxiaoyao8 分钟前
vue.js 设计与开发 ---路由
前端·javascript·vue.js
ZC跨境爬虫11 分钟前
跟着 MDN 学CSS day_6:(伪类和伪元素详解)
前端·javascript·css·数据库·ui·html
Sylus_sui29 分钟前
实现:每行固定 5 个、自动换行、最后一行左对齐、数量不固定
前端·javascript·css
时寒的笔记41 分钟前
11期_js逆向核心案例解析(sichuan&某理财网)
开发语言·javascript·ecmascript
_xaboy1 小时前
开源Vue组件FormCreate通过 JSON 生成AntdvNext表单
vue.js·开源·json
C+-C资深大佬1 小时前
变量作用域(通俗 + 清晰讲解,适合编程入门)
前端·javascript·vue.js
刻BITTER1 小时前
Alpine.js + Chart.js 踩坑记:一次 Maximum Call Stack Exceeded 排查之旅
开发语言·javascript·ecmascript
之歆1 小时前
Day15_JavaScript DOM 事件完全指南:从基础到实战(下)
开发语言·javascript·ecmascript
弹简特1 小时前
【Vue3速成】02-vue工程化目录结构+执行原理
前端·vue.js·npm