¿Cómo puedo formatear los datos de fecha en MUI DataGrid del formato mongo al momento?
También quiero incluir un campo adicional con el icono de edición que, al hacer clic, redirigirá a la página de edición.
Esto es lo que tengo.
const columns = [ { field: 'createdAt', headerName: 'Join Date', width: 100 }, { field: *****, headerName: 'Edit', width: 120 } ] Obtengo mi salida como 2022-04-03T09:24:40.199Z . Quiero formatearlo usando moment.js. ¿Cómo puedo conseguir esto?
¿Hay alguna forma de incluir el ícono de edición y pasar la identificación del elemento en el que se hizo clic?
Dado que el campo contiene los datos de la base de datos representados por una cadena. He probado literales de plantilla. No funcionó tan bien.
Intente agregar la propiedad valueFormatter en el objeto de campo createdAt como se muestra en el código a continuación.
... { field: 'createdAt', headerName: 'Join Date', width: 100, valueFormatter: params => moment(params?.value).format("DD/MM/YYYY hh:mm A"), }, ...También puede encontrar más información sobre la personalización de celdas de DataGrid en este documento:
https://mui.com/x/react-data-grid/column-definition/#rendering-cells