javascript - 在 reactjs 中显示数据库中的日期时出错

Question

我正在用 React.Js 开发一个应用程序。

当我使用 选择并保存日期react-date-picker时，保存在数据库中。但是当我用react-bootstrap-table-nextand显示它们时react-bootstrap/Table，显示不正确。

对于react-date-picker：

...
<DatePicker onChange={d => setDt(d)} value={date} />

对于react-bootstrap-table-next：

<BootstrapTable
  bootstrap4
  keyField="id"
  data={data}
  columns={columns}
  pagination={paginationFactory(options)}
 />

对于react-bootstrap/Table：

{
  array.map(item => {
    return <tr>
             <td>{item.id}</td>
             <td>{item.date}</td>
             <td>{item.hour}</td>
           </tr>

  })
}

它似乎是如何读取日期值的问题。

我该如何解决这个问题，建议？

标签： javascriptreactjsdatatablereact-bootstrapreact-bootstrap-table

Answer 1

我临时找到的解决方案（也许就是这样做的方法）是使用moment，如如何在 React Bootstrap 表的列定义中使用矩库中所建议的那样？

我必须格式化单元格：

moment(cell).format("YYYY-MM-DD")

编辑：使用dayjs