React 中的日期格式 bootstrap table

Question

我正在尝试将下列中的日期格式化为 'DD/MM/YYYY'，而且 header 行与数据不对齐，如何解决这个问题？

我正在使用函数

 function dateFormatter(cell: any) {
        var d = (moment(new Date('${cell}').toLocaleDateString()).format("DD/MM/YYYY"));
        return d;

    }

在 TableHeaderColumn 中：

<TableHeaderColumn dataField='effectiveDate' dataSort={true} dataFormat={dateFormatter}  >Effective Date</TableHeaderColumn>

Answer 1

试试这个 - 它适用于我的情况

function dateFormatter(cell: any) {
    if (!cell) {
          return "";
    }
    return `${moment(cell).format("DD-MM-YYYY")? moment(cell).format("DD-MM-YYYY"):moment(cell).format("DD-MM-YYYY") }`;
}

React 中的日期格式 bootstrap table

Date formatting within react bootstrap table

reactjs

react-bootstrap-table