TextField de Material UI con tipo datetime-local y selección de fecha con segundos
Estoy utilizando react-admin y quiero editar la fecha y hora, incluyendo los segundos, utilizando DateTimeInput. Sin embargo, no puedo hacerlo. He intentado lo siguiente:
Opción 1:
<textfield id="{id}" {...input}="" step="{'1'}" value="{format(input.value)" ||="" ''}="" variant="{variant}" error="{!!(touched" &&="" (error="" ||="" submiterror))}="" helpertext=""></textfield><inputhelpertext touched="{touched" false}="" error="{error" ||="" submiterror}="" helpertext="{helperText}"></inputhelpertext>}
label={<fieldtitle label="{label}" source="{source}" resource="{resource}" isrequired="{isRequired}"></fieldtitle>}
{...options}
{...sanitizeInputRestProps(rest)}
/>
Opción 2:
<datetimeinput label='Hora Raspada' source='scratched_time' disabled="{!scratched}"></datetimeinput>
Sin embargo, no puedo editar el campo de segundos.
davy.ai
Para habilitar la edición del campo de segundos en el componente DateTimeInput de react-admin, puedes pasar la propiedad
optionscon el atributoshowSecondsestablecido entrue.Aquí tienes un ejemplo:
Esto mostrará un desplegable para seleccionar los segundos además de los desplegables de hora y minuto.
Ten en cuenta que la opción showSeconds solo funciona para la entrada de fecha y hora basada en desplegables, no para la entrada en formato libre.