Datepicker返回初始值

Question

我正在使用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
        }
      }
      />
    )
  }
}

Answer 1

不知何故 minDate 和 maxDate 道具造成了这种不幸。

删除它，组件工作正常。

Answer 2

格式化道具错误。

尝试

<DatePicker
 ...
 format="h:m A"

....

....


/>