[原]東方耀手把手教React Native實戰之API學習DatePickerAndroid與TimePickerAndroid

41、手把手教React Native實戰之API學習DatePickerAndroid與TimePickerAndroid

日期、時間選擇器 Android中是以api的形式,IOS是以組件的形式

DatePickerAndroid:

static open(options: Object)

打開一個標準的Android日期選擇器的對話框

可選的options對象的key值如下:

date (Date對象或毫秒時間戳) - 默認顯示的日期
minDate (Date對象或毫秒時間戳) - 可選的最小日期
maxDate (Date對象或毫秒時間戳) - 可選的最大日期
在用戶選好日期後返回一個Promise,回調參數爲一個對象,其中包含有action, year, month (0-11), day。如果用戶取消了對話框,Promise仍然會執行,返回的action爲DatePickerAndroid.dismissedAction,其他幾項參數則爲undefined。所以請在使用其他值之前務必先檢查action的值。

注意:當Android手機操作系統低於5.0時,設置最小和最大日期會導致api異常,最好不要設置,而是在用戶選擇完成後再進行檢查;api中的Open函數打開的界面是系統的界面,不能設置其任何顯示樣式,如何手機顯示不同是因爲系統被廠商深度定製了

TimePickerAndroid:

static open(options: Object)

打開一個標準的Android時間選擇器的對話框。

可選的options對象的key值如下:

hour (0-23) - 要顯示的小時,默認爲當前時間。
minute (0-59) - 要顯示的分鐘,默認爲當前時間。
is24Hour (boolean) - 如果設爲true,則選擇器會使用24小時制。如果設爲false,則會額外顯示AM/PM的選項。如果不設定,則採取當前地區的默認設置。
在用戶選好時間後返回一個Promise,回調參數爲一個對象,其中包含有action, hour (0-23), minute (0-59)。如果用戶取消了對話框,Promise仍然會執行,返回的action爲TimePickerAndroid.dismissedAction,其他幾項參數則爲undefined。所以請在使用其他值之前務必先檢查action的值。一般用TimePickerAndroid.timeSetAction的取反來判斷

注意:is24Hour在某些手機上不會產生作用,用戶沒有選擇時間是因爲按下了返回鍵或取消鍵;同樣的api中的Open打開的是系統的界面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章