日期時間選擇器 在IOS中是以組件的形式 DatePickerIOS支持View組件的所有屬性,可以設置他的寬度、高度、位置等
這是一個受約束的(Controlled)組件,所以你必須監聽onDateChange回調函數並且及時更新date屬性來使得組件更新,否則用戶的修改會立刻被撤銷來確保當前顯示值和props.date一致。
除了View組件的屬性,DatePickerIOS組件還支持如下屬性:
date 當前被選中的日期和時間 Date類型
maximumDate minimumDate
minuteInterval (1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
用來設置可選的最小分鐘單位
mode (‘date’, ‘time’, ‘datetime’) 選擇器模式
onDateChange 當用戶修改日期或時間時調用此回調函數。
唯一的參數是一個Date對象,表示新的日期和時間(也就是用戶選擇的)
timeZoneOffsetInMinutes 以分鐘爲單位的時區時間差 默認情況下,選擇器會選擇設備的默認時區。通過此參數,可以指定一個時區。舉個例子,要使用北京時間(東八區),可以傳遞8 * 60。
注意:必須要把一個日期類型的狀態機變量賦值給DatePickerIOS組件的date屬性,並且在用戶操作DatePickerIOS組件修改後,用onDateChange回調的新的date去更新對應的狀態機變量,否則會出現用戶使用DatePickerIOS組件修改改了時間,幾秒鐘後,DatePickerIOS組件又回到了原來的時間的情況。
warning:Invalid prop ‘date’ of type ‘Number’
warning:Required prop ‘onDateChange’ was not specified
這是一個bug,升級到0.28即可,如果不想升級,可以照這個修改:
node_modules/react-native/Libraries/Components/DatePicker
https://github.com/facebook/reac … d46e2e41d72acdfb87d
http://stackoverflow.com/questio … ios-in-react-native