React native 的DatePickerIOS組件

 1.首先如代碼所示  引入DatePickerIOS組件 設置他的時間是當前時間

export default class AlertDemo extends Component {
  render() {
    return (
      <View style={styles.container}>

          <DatePickerIOS date={new Date()} mode="time"/>

      </View>
    );
  }
}

　　

其中mode屬性代表的是他的展示模式總共有'date', 'time', 'datetime；這三種模式

但是這種狀態選擇后由會回到當前時間 所以應該設置是state屬性 如下 

export default class AlertDemo extends Component {
  static defaultprops ={
    date:new Date()    //初始化靜態當前時間
  }
  constructor(props){
    super(props);
    this.state={         //動態state
    date:this.props.date
    }
  }
  render() {
    return (
      <View style={styles.container}>
        <DatePickerIOS
             date={this.state.date}
              onDateChange={(date)=>this.setState({date})} //當內容改變的時候出發此函數
             mode='time'/>
       </View>
    );
  }
}

　　這樣設置則可以解決改變時間后不會出現又自動跑到當前時間的情況