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

**`

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

`**

相关推荐
一块小砖头儿9 分钟前
HTML向四周扩散背景
前端·javascript·html
CodeClimb14 分钟前
【华为OD-B卷-打印文件 100分(python、java、c++、js、c)】
java·javascript·c++·python·华为od
陳長生.14 分钟前
JAVA EE(进阶)_HTML
javascript·css·java-ee·html
眼镜chen39 分钟前
luckysheet的使用——17.将表格作为pdf下载到本地
前端·javascript·vue.js·chrome·pdf
_龙小鱼_1 小时前
Vue2到Vue3迁移问题解析
前端·javascript·vue.js
招风的黑耳1 小时前
Axure跨页面交互:利用IFrame和JS实现父子页面菜单联动
javascript·交互·axure
二川bro2 小时前
深度解析Vue项目Webpack打包分包策略 从基础配置到高级优化,全面掌握性能优化核心技巧
vue.js·webpack·性能优化
Dragon Wu2 小时前
taro 小程序 CoverImage Image src无法显示图片的问题
javascript·小程序·前端框架·taro
搏博2 小时前
Hbuilder X4.65新建vue3项目存在的问题以及解决办法
前端·javascript·vue.js·ecmascript
孩子 你要相信光3 小时前
vue3/vue2大屏适配
前端·javascript·vue.js