Date Picker
DatePicker插件允許用戶使用原生對(duì)話框獲取日期和時(shí)間。
Repo(備用): https://github.com/VitaliiBlagodir/cordova-plugin-datepicker
Installation(安裝)
1.添加Cordova和Ionic原生插件:
$ ionic cordova plugin add cordova-plugin-datepicker
$ npm install --save @ionic-native/date-picker
Supported platforms(支持平臺(tái))
Android
iOS
Windows
Usage(用法)
import { DatePicker } from '@ionic-native/date-picker';
constructor(private datePicker: DatePicker) { }
...
this.datePicker.show({
date: new Date(),
mode: 'date',
androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK
}).then(
date => console.log('Got date: ', date),
err => console.log('Error occurred while getting date: ', err)
);
Instance Members(實(shí)例成員)
顯示日期和/或時(shí)間選擇器對(duì)話框
| 參數(shù) | 類型 | 詳情 |
|---|---|---|
| options | DatePickerOptions | 日期選擇器的選項(xiàng)。 |
****Returns:** Promise<Date>
返回一個(gè)選擇的日期和/或時(shí)間的promise,或拒絕的錯(cuò)誤。
| 參數(shù) | 類型 | 詳情 |
|---|---|---|
| mode | string | 日期選擇器的模式值: date丨time丨datetime |
| date | Date丨string丨 number | 選擇的日期 |
| minDate | Date丨string丨 number | 最小日期默認(rèn)值:空字符串(可選) |
| maxDate | Date丨string丨 number | 最大日期默認(rèn)值:空字符串(optional) |
| titleText | string | 標(biāo)簽對(duì)話標(biāo)題。 如果為空,則使用android默認(rèn)(設(shè)置日期/設(shè)置時(shí)間)。 默認(rèn)值:空字符串(可選) |
| okText | string | Android上的BUTTON_POSITIVE(完成按鈕)標(biāo)簽(可選) |
| cancelText | string | BUTTON_NEGATIVE(取消按鈕)的標(biāo)簽。 如果為空,請(qǐng)使用android.R.string.cancel。(可選) |
| todayText | string | 今天按鈕的標(biāo)簽。 如果為空,則不顯示選擇當(dāng)前日期的選項(xiàng)。(可選) |
| nowText | string | 現(xiàn)在標(biāo)簽按鈕。 如果為空,則不顯示選擇當(dāng)前時(shí)間的選項(xiàng)。(可選) |
| is24Hour | boolean | 以24小時(shí)格式顯示時(shí)間對(duì)話框(可選) |
| androidTheme | number | 為選擇器選擇Android主題。 您可以使用DatePicker.ANDROID_THEMES屬性。 價(jià)值觀:1:THEME_TRADITIONAL丨2:THEME_HOLO_DARK丨3:THEME_HOLO_LIGHT丨4:THEME_DEVICE_DEFAULT_DARK丨5:THEME_DEVICE_DEFAULT_LIGHT (可選) |
| allowOldDates | boolean | 在選擇的日期之前顯示或隱藏日期(可選) |
| allowFutureDates | boolean | 在選擇的日期后顯示或隱藏日期(可選) |
| doneButtonLabel | string | 完成按鈕的標(biāo)簽(可選) |
| doneButtonColor | string | 完成按鈕的十六進(jìn)制顏色(可選) |
| cancelButtonLabel | string | 取消按鈕的標(biāo)簽(可選) |
| cancelButtonColor | string | 取消按鈕的十六進(jìn)制顏色(可選) |
| x | number | 日期選擇器的X位置。 該位置對(duì)應(yīng)用程序的根視圖是絕對(duì)的(可選) |
| y | number | Y日期選擇器的位置。 該位置對(duì)應(yīng)用程序的根視圖是絕對(duì)的(可選) |
| minuteInterval | number | 日期選擇器分鐘部分的選項(xiàng)間隔(可選) |
| popoverArrowDirection | string | 強(qiáng)制UIPopoverArrowDirectory枚舉。 任何值都將恢復(fù)為默認(rèn)的UIPopoverArrowDirectionAny,并讓應(yīng)用程序自己選擇正確的方向。(可選) |
| locale | string | 強(qiáng)制datePicker的區(qū)域設(shè)置(可選) |