React Native Date and Time Picker para iOS y Android

Blog

React Native Date and Time Picker para iOS y Android

React Native Datetime Picker

Esta es una biblioteca bifurcada desde https://github.com/nysamnang/react-native-24h-timepicker/issues la intención era apoyar el año budista y la fecha mínima máxima modificada.



Haré todo lo posible para actualizar esta documentación.






menú desplegable CSS puro

Captura de pantalla

Selector de fechas



captura de pantalla



Instalación

|_+_|

o

|_+_|

Uso

Selector de fechas

|_+_|

Selector de tiempo

|_+_|
Accesorios
cerca Escribe Descripción Defecto
maxHour número Máximo de hora 23
maxMinute número Máximo de minuto 59
hourInterval número El intervalo en el que se pueden seleccionar las horas. 1
minutoIntervalo número El intervalo en el que se pueden seleccionar los minutos. 1
hourUnit cuerda Agregar texto adicional a la hora
minutoUnidad cuerda Agregue texto adicional al minuto
selectedHour cuerda Hora predeterminada 0
selectedMinute cuerda Minuto predeterminado 00
itemStyle objeto Estilo de texto del elemento {}
textCancel cuerda Cancelar el texto del botón Cancelar
textConfirm cuerda Confirmar el texto del botón Confirmar
onCancel función Evento en el botón Cancelar
onConfirm función Evento en el botón Confirmar
Métodos
Nombre del método Descripción
abierto Abrir TimePicker
cerrar Cerrar TimePicker
Nota

Establecer siempre npm i @sorakrisc/react-native-datetimepicker --save a yarn add @sorakrisc/react-native-datetimepicker y llame a cada método usando import {TimePicker, DatePicker, toBuddhistYear} from 'react-native-24h-timepicker'; { this.DatePicker = ref; }} placeholder={'placeholder'} date={date} format={'DD/MM/YYYY'} inputComponent={} minDate={moment().subtract(100, 'years')} maxDate={moment().add(100, 'years')} confirmBtnText={'confirm'} cancelBtnText={'cancel'} onConfirm={(date) => this.setDate(date)} // calendarType={'buddhist'} // monthList={[ // 'มกราคม', // 'กุมภาพันธ์', // 'มีนาคม', // 'เมษายน', // 'พฤษภาคม', // 'มิถุนายน', // 'กรกฎาคม', // 'สิงหาคม', // 'กันยายน', // 'ตุลาคม', // 'พศจิกายน', // 'ธันวาคม' // ]} /> como en el ejemplo anterior.






Licencia

Este proyecto tiene la licencia del MIT; consulte la LICENSE.md archivo para detalles

Detalles de descarga:

Autor: sorakrisc

¿Cuánto tarda la aplicación de efectivo en depositar?

Código fuente: https://github.com/sorakrisc/react-native-datetimepicker

#react # react-native # aplicaciones-móviles