reactjs - React Bootstrap 表中的日期格式

标签 reactjs react-bootstrap-table

我尝试将下面列中的日期格式设置为“DD/MM/YYYY”,并且标题行与数据不对齐,如何解决此问题?

我正在使用该功能

 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>

最佳答案

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

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") }`;
}

关于reactjs - React Bootstrap 表中的日期格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50960984/

相关文章:

html - 突出显示表格元素上的一列 - CSS

reactjs - FormatJS/React-intl 中的 If/else

reactjs - 如何让 react 将自定义钩子(Hook)的返回值视为稳定的身份?

reactjs - onClick() 导致超出最大更新深度错误

javascript - react-bootstrap-table-toolkit 搜索导入报错

javascript - 交替背景颜色 react-bootstrap-table

javascript - 基本 React 示例错误 : Uncaught TypeError: undefined is not a function

javascript - Setstate 未正确执行。

javascript - 在 react 引导表的 header 组中使用过滤器