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

**`

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

`**

相关推荐
总之就是非常可爱几秒前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
over6972 分钟前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
red润5 分钟前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
gustt6 分钟前
JavaScript 闭包实战:手写防抖与节流函数,优化高频事件性能
前端·javascript·面试
止水编程 water_proof13 分钟前
JQuery 基础
前端·javascript·jquery
Tzarevich26 分钟前
React Hooks 全面深度解析:从useState到useEffect
前端·javascript·react.js
指尖跳动的光1 小时前
前端如何通过设置失效时间清除本地存储的数据?
前端·javascript
于慨1 小时前
dayjs处理时区问题、前端时区问题
开发语言·前端·javascript
拖拉斯旋风2 小时前
深入理解 LangChain 中的 `.pipe()`:构建可组合 AI 应用的核心管道机制
javascript·langchain
肖老师xy2 小时前
Ai生成时间排期进度
javascript·vue.js·elementui