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

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

React native 的DatePickerIOS組件