TimePicker 日期/时间选择组件 >=1.3.0

渲染出一个可以选择日期/时间的组件。这是一个受控组件，需要在 onDateChange 的回调中设置 date。

使用说明

基本用法

渲染出一个日期、时间选择的组件。

<TimePicker />

受控组件

受控组件，组件选中的时间值由 Date 属性决定。

<TimePicker
    date={this.state.date}
    onDateChange={date => this.setState({ date })}
/>

自定义模式

在 mode 属性中可以自定义组件的时间模式，默认值 datetime，渲染出日期和时间。不过，iOS平台下是没有年份的选择，年份的选择由 date 模式提供。

<TimePicker mode='date' />

android如何居中显示

ios默认是居中显示，adr默认是靠左，如果想做到adr端也居中显示，js可以这样设置，给TimePicker外面再套一层：

  <View style={{width: '100%',alignItems: 'center'}}> 
        <TimePicker/>
  </View>

属性

mode =={ 'date' / 'time' / 'datetime' }==

选择时间的模式，支持三种：datetime为日期和时间，time为时间，date为日期。

默认值: datetime

date =={ Date }==

当前的选中值，由于这是一个受控组件，所以需要在 onDateChange 回调中每次修改这个值。

默认值: new Date()

minimumDate =={ Date }==

可选的最小值，超过范围会自动回弹。

maximumDate =={ Date }==

可选的最大值，超过范围会自动回弹。

minuteInterval =={ oneOf([1, 2, 3, 5, 6, 10, 12, 15, 20, 30]) }==

可选的最小的分钟单位。

默认值: 1

onDateChange =={ function }==

(date) => void

当选择的事件发生变化之后触发的回调

方法参数:

参数名	类型	描述	支持版本
date	Date	当前选择的时间