¿Cómo puedo cambiar el formato de visualización de RNDateTimePicker ?
Una vez que haga clic en la fecha, aparecerá el selector de fecha, después de seleccionar, el formato de fecha de visualización es "MM/dd/yy" . Quiero cambiarlo a "dd/MM/yyyy" ya que es el formato de fecha que uso en la otra pantalla. No puedo encontrar la solución por ahora, incluso en la documentación.
<RNDateTimePicker mode="date" value={upTargetStartDate} minimumDate={new Date()} onChangeText={(text) => setUpTargetStartDate(text)} />De acuerdo con la documentación , debe agregar la propiedad dateFormat en su componente RNDateTimePicker y pasar el formato de fecha deseado, que en su caso es: day month year .
<RNDateTimePicker mode="date" dataFormat="day month year" // --------> added here value={upTargetStartDate} minimumDate={new Date()} onChangeText={(text) => setUpTargetStartDate(text) } />También puede cambiar el formato con métodos simples de javascript:
const wrongFormat = "12/20/21" const [month, day, year] = wrongFormat.split("/") const correctFormat = `${day}/${month}/${year}` console.log(correctFormat)