【React Native】文件翻譯閱讀紀錄 - APIs - DatePickerAndroid

by - 上午9:00

Facebook Open Source React Native


DatePickerAndroid

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

範例

try {
  const {action, year, month, day} = await DatePickerAndroid.open({
    // Use `new Date()` for current date.
    // May 25 2020. Month 0 is January.
    date: new Date(2020, 4, 25)
  });
  if (action !== DatePickerAndroid.dismissedAction) {
    // Selected year, month (0-11), day
  }
} catch ({code, message}) {
  console.warn('Cannot open date picker', message);
}

Methods


參考

Methods

open()

static open(options)
打開標準的Android日期選擇器對話框。

options對象的可用鍵是:
  • date(日期對像或時間戳,以毫秒為單位) - 默認顯示的日期
  • minDate (日期或時間戳,以毫秒為單位) - 可以選擇的最小日期
  • maxDate(日期對像或時間戳,以毫秒為單位) - 可以選擇的最大日期
  • mode (enum('calendar', 'spinner', 'default')) - 將日期選擇器模式設置為calendar / spinner / default
    • 'calendar': 在日曆模式下顯示日期選擇器。
    • 'spinner': 以微調模式顯示日期選擇器。
    • 'default': 根據Android版本顯示默認的本機日期選擇器(微調器/日曆)。
返回一個Promise,如果用戶選擇了一個日期,將調用一個包含 action,year,month(0-11),day的對象。如果用戶解除了對話框,則 Promise 仍將通過DatePickerAndroid.dismissedAction 操作解決,並且所有其他鍵未定義。在讀取值之前始終檢查操作是否正常。

請注意,使用 minDate 和 maxDate 選項時,本機日期選擇器對話框在Android 4上會出現一些UI故障。

dateSetAction()

static dateSetAction()
已選擇日期。

dismissedAction()

static dismissedAction()
該對話框已被駁回。




You May Also Like

0 意見