Estoy desarrollando una aplicación en React.Js.
Cuando selecciono y guardo las fechas usando react-date-picker
, las guardo bien en la base de datos. Pero cuando los muestro con react-bootstrap-table-next
y react-bootstrap/Table
, no se muestran correctamente.
Para react-date-picker
:
...
<DatePicker onChange={d => setDt(d)} value={date} />
Para react-bootstrap-table-next
:
<BootstrapTable
bootstrap4
keyField="id"
data={data}
columns={columns}
pagination={paginationFactory(options)}
/>
Para react-bootstrap/Table
:
{
array.map(item => {
return <tr>
<td>{item.id}</td>
<td>{item.date}</td>
<td>{item.hour}</td>
</tr>
})
}
Parece haber un problema en cómo lee el valor de la fecha.
Quizás lo que se necesita hacer es verificar la información de la configuración regional entre la base de datos y el cliente, y hacer una conversión para cambiar la configuración.
¿Cómo puedo solucionar esto, sugerencias?