Actualmente estoy trabajando con React Kendo Grid que se llena con datos mediante una API. Una de las columnas es Fecha y los datos que la llenan vienen en un formato como:
2022-02-11T15:50:51.000+00:00Traté de formatear la columna Kendo Grid de esta manera:
<GridColumn field="snDate" filter="date" format="{0:yyyy-MM-dd'T'HH:mm:ss.SSS'Z'}" width="200px" title="Date" />pero cuando lo filtro con el filtro del selector de datos de Kendo, no devuelve filas. ¿Qué estoy haciendo mal?
Debe crear un componente de columna personalizado y jugar con la fecha allí:
const DateCell = ({ myDate }) => { const [year, month, day] = myDate.split('T')[0].split('-'); const time_part = myDate.split('T')[1]; return ( <td> {`${year}/${month}/${day} ${time_part}`} </td> ) } //export default DateCell //this is if you want to put it in separate component <GridColumn field="snDate" filter="date" width="200px" title="Date" cell={DateCell} />Mi resultado es -> 2022/06/19 10:35:13.197
Y cuando lo filtras, React Kendo Grid sabe que el valor de cada celda está en el primer formato que mencionaste, es decir, al 2022-02-11T15:50:51.000+00:00 y el filtro funcionará. Ha funcionado para mí. Buena suerte