Date Picker
DatePicker插件允许用户使用原生对话框获取日期和时间。
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(支持平台)
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(实例成员)
显示日期或时间选择器对话框
参数 | 类型 | 详情 |
---|---|---|
options | DatePickerOptions | 日期选择器选项. |
****Returns:** Promise<Date>
返回一个带有选择的日期和/或时间的可解析的promise,或reject错误。
DatePickerOptions
参数 | 类型 | 详情 |
---|---|---|
mode | string | 日期选择器的模式值:date \ time \ datetime |
date | Date\string\number | 选中的日期 |
minDate | Date\string\number | 最小日期默认值:空字符串(可选) |
maxDate | Date\string\number | 最大日期默认值:空字符串(可选) |
titleText | string | 对话框标题。 如果为空,则使用android默认(设置日期/设置时间)。 默认值:空字符串(可选) |
okText | string | Android上的BUTTON_POSITIVE(完成按钮)标签(可选) |
cancelText | string | BUTTON_NEGATIVE(取消按钮)的标签。 如果为空,请使用android.R.string.cancel。(可选) |
todayText | string | 今天按钮的标签。 如果为空,则不显示选择当前日期的选项。(可选) |
nowText | string | 现在按钮的标签。 如果为空,则不显示选择当前时间的选项。(可选) |
is24Hour | boolean | 以24小时格式显示时间对话框(可选) |
androidTheme | number | 为选择器选择Android主题。 您可以使用DatePicker.ANDROID_THEMES属性。 值: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 | 完成按钮的标签(可选) |
doneButtonColor | string | 完成按钮的十六进制颜色(可选) |
cancelButtonLabel | string | 取消按钮的标签(可选) |
cancelButtonColor | string | 取消按钮的十六进制颜色(可选) |
x | number | 日期选择器的X位置。 该位置对应用程序的根视图是绝对的(可选) |
y | number | 日期选择器的Y位置。 该位置对应用程序的根视图是绝对的(可选) |
minuteInterval | number | 日期选择器分钟部分的选项间隔(可选) |
popoverArrowDirection | string | 强制UIPopoverArrowDirectory枚举。 任何值都将恢复为默认的UIPopoverArrowDirectionAny,并让应用程序自己选择正确的方向。(可选) |
locale | string | 强制datePicker的区域设置(可选) |
网友评论