> [DatePickerIOS](http://facebook.github.io/react-native/docs/datepickerios.html#content) ## DatePickerIOS 日期選擇控件 ## 屬性 | 名稱 | 類型 | 意義 | 默認值 | | --- | --- | --- | --- | | date | Date | 當前選擇的日期基礎 | 無默認值，必須顯式設置 | | minimumDate | Date | 選擇范圍的最小值 | 無 | | maximumDate | Date | 選擇范圍的最大值 | 無 | | minuteInterval | enum | 分鐘選擇的間隔in(1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30) | 1 | | mode | enum | 選擇器的模式(‘date’, ‘time’, ‘datetime’) | datetime | | timeZoneOffsetInMinutes | number | 時區偏移量，以分鐘為標準 | 采用設備的時區 | ## 函數 * onDateChange :時間改變時調用 ## 默認顯示 ## 源碼 ~~~ 'use strict'; var React = require('react-native'); var { DatePickerIOS, AppRegistry, StyleSheet, View, } = React; var helloworld = React.createClass({ render: function() { return ( <DatePickerIOS date = { new Date()} /> ); } }); var styles = StyleSheet.create({ }); AppRegistry.registerComponent('hellowrold',() => helloworld); ~~~ ## 默認樣式  ## 屬性的使用 ## mode ### time ~~~ <DatePickerIOS date = { new Date()} mode="time" /> ~~~  ### datetime ~~~ <DatePickerIOS date = { new Date()} mode="datetime" /> ~~~  ### date ~~~ <DatePickerIOS date = { new Date()} mode="date" /> ~~~  ## minuteInterval 這個屬性只能在分鐘出現的選擇器中才會起作用，當`mode="date"`是不起作用的。 ### mode=”time” ~~~ <DatePickerIOS date = { new Date()} mode="time" minuteInterval={3} /> ~~~  ### mode=”datetime” ~~~ <DatePickerIOS date = { new Date()} mode="datetime" minuteInterval={3} /> ~~~  ## onDateChange 選擇時間時，該屬性設置的函數會被調用 ~~~ onDateChange: function(date) { console.log('doctorq'); this.setState({date: date}); }, ...... <DatePickerIOS date = { new Date()} mode="datetime" onDateChange={this.onDateChange} /> ~~~ 選擇時間后，控制臺打印信息如下： ~~~ 2015-09-01 19:21:57.391 [info][tid:com.facebook.React.JavaScript] 'doctorq' 2015-09-01 19:22:00.575 [info][tid:com.facebook.React.JavaScript] 'doctorq' 2015-09-01 19:22:04.141 [info][tid:com.facebook.React.JavaScript] 'doctorq' ~~~ ## timeZoneOffsetInMinutes ~~~ <DatePickerIOS date = { new Date()} mode="time" timeZoneOffsetInMinutes={(-2) * (new Date()).getTimezoneOffset()} /> ~~~ 我現在的時間是北京時間下午7點31.如果我們用上面的代碼，就會變成上午3點31，時區的定義我們不討論，我們只是看`timeZoneOffsetInMinutes`改變的效果：