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

**`

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

`**

相关推荐
朕的剑还未配妥37 分钟前
vue2中transition使用方法解析,包含底部弹窗示例、样式未生效踩坑记录
前端·vue.js
w***741742 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
灵犀坠1 小时前
前端核心知识体系梳理:从Vue 3到现代CSS与JavaScript
前端·javascript·vue.js
lcc1871 小时前
Vue3 新的组件
前端·vue.js
幸运小圣1 小时前
递归(Recursion)快速上手指南【JS例子】
开发语言·javascript·ecmascript
l***37091 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker
我叫张小白。1 小时前
Vue3 基本生命周期:组件的一生之旅
前端·javascript·vue.js·前端框架·vue3
QH_ShareHub1 小时前
R 包中的生命周期触发函数全解析
前端·javascript·数据库
AI3D_WebEngineer1 小时前
企业级业务平台项目设计、架构、业务全解之平台篇
前端·javascript·vue
汤姆Tom2 小时前
前端转战后端:JavaScript 与 Java 对照学习指南 (第二篇 - 基本数据类型对比)
java·javascript·全栈