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
![]() | ![]() |
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