我正在使用 react-native-date-picker在我的应用程序中选择日期和时间值的组件。
在 Android 中它运行良好。但是 iOS 上的相同代码有一个奇怪的行为。就好像有一系列的选择来选择时间——20:10 到 20:25。然后,如果它超过了这个范围,时钟就会回到它里面或者回到默认的初始值 (20:10)。
GIF说明:
代码:
import React, { Component } from 'react';
import DatePicker from 'react-native-datepicker';
export default class DatePick extends Component {
constructor(props){
super(props)
this.state = {
param: ''
}
}
render(){
return (
<DatePicker
style={{width: 200, borderRadius: 5}}
date={this.state.param} // date field
mode={"time"}
placeholder={"Hora Final"}
format={"H:mm"}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
showIcon={false}
locale={'pt-br'}
customStyles={{
dateIcon: {
position: 'absolute',
left: 0,
top: 4,
marginLeft: 0
},
dateInput: {
marginLeft: 36
}
}}
onDateChange={(selected) => {
this.setState({
param: selected,
});
this.props.atualizarDatas(this.props.tipo, selected); // method that update the date field
}
}
/>
)
}
}
最佳答案
不知何故 minDate 和 maxDate 属性导致了这种不幸。
删除它,组件工作正常。
关于react-native - 返回初始值的日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50657411/