根据列表时间判断是否在三个月或者六个月之内，并给符合条件的行添加样式

是芊芊吖

于 2024-05-17 09:59:39 发布

阅读量132

点赞数 3

分类专栏：项目技能文章标签： javascript 开发语言前端

本文链接：https://blog.csdn.net/xiu_xiu_cdx/article/details/138996465

版权

项目技能专栏收录该内容

28 篇文章 0 订阅

订阅专栏

前景：判断表格中数据中的时间是否在近效期，在的话添加颜色样式

import moment from 'moment';
   
  handleRowClassName = (record) => {
    const { primaryKey, selectRow } = this.props;

    // 过期时间 dateToCheck
    ++const dateToCheck = moment(record.validityDate).format('YYYY-MM-DD');
    // 当前日期
    ++const now = moment(new Date()).format('YYYY-MM-DD');

    // 当前日期的三个月之内
    ++const threeMonthsAgo = moment().add(3, 'months').format('YYYY-MM-DD');
    // 当前日期的六个月之内
    ++const sixMonthsAgo = moment().add(6, 'months').format('YYYY-MM-DD');
    
    ++const isWithinThreeMonths = dateToCheck >= now && dateToCheck <= threeMonthsAgo;
    ++const isWithinSixMonths = dateToCheck >= threeMonthsAgo && dateToCheck <= sixMonthsAgo;

    const cls = classNames({
      'table-row-selected': selectRow && selectRow[primaryKey] === record[primaryKey],
      ++'row-red': isWithinThreeMonths,
      ++'row-yellow': isWithinSixMonths,
    });

    return cls;
  }