react-native - 返回初始值的日期选择器

标签 react-native datepicker

我正在使用 react-native-date-picker在我的应用程序中选择日期和时间值的组件。

在 Android 中它运行良好。但是 iOS 上的相同代码有一个奇怪的行为。就好像有一系列的选择来选择时间——20:10 到 20:25。然后,如果它超过了这个范围,时钟就会回到它里面或者回到默认的初始值 (20:10)。

GIF说明:

enter image description here

代码:

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
        }
      }
      />
    )
  }
}

最佳答案

不知何故 minDatema​​xDate 属性导致了这种不幸。

删除它,组件工作正常。

关于react-native - 返回初始值的日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50657411/

相关文章:

react-native - 如何将抖动动画添加到 View (react-native)?

javascript - Bootstrap 日期时间选择器初始值

javascript - jQuery datepicker maxDate 问题

javascript - 根据 Angular 日期选择器中的第一个日期选择器更改第二个日期选择器中的月份

react-native - React-Native 中的指针事件是什么

javascript - 在 React Native SectionList 中使用来自 Firebase 的数据。数据结构问题

javascript - 如何在 FlatList 上没有该元素的情况下从数组中删除元素并更新状态?

javascript - 在没有 onChange 的情况下 react 文本表单字段

javascript - 如何使用在隐藏字段内指定的日期设置日期选择器的最大日期和最小日期

javascript - Jquery datepicker 图标位置不正确