Date Picker

显示本地日期和时间选择器控件

方法(Methods)

show(options)

显示一个日期选择器
options是一个时间选择器的选项。它是一个Object

参数 类型 默认直 说明
options.mode String ‘date’ 日期选择器模式:date 或者time
options.date Date, String new Date() 选择日期
options.minDate Date, String 最小日期
options.maxDate Date, String 最大日期
options.allowOldDates Boolean true 显示/隐藏早些时候的日期
options.allowFutureDates Boolean true 显示/隐藏以后的的日期
options.doneButtonLabel String ‘Done’ 完成按钮名称
options.doneButtonColor String ‘#0000FF’ 完成按钮颜色16进制代码
options.cancelButtonLabel String ‘Cancel’ 取消按钮名称
options.cancelButtonColor String ‘#000000’ 取消按钮颜色16进制代码
options.minuteInterval Integer 1 选择器间隔时间

返回值 Date 用户选择的时间

代码实例

1.module.controller('MyCtrl', function($scope, $cordovaDatePicker) {
2.
3. var options = {
4. date: new Date(),
5. mode: 'date', // or 'time'
6. minDate: new Date() - 10000,
7. allowOldDates: true,
8. allowFutureDates: false,
9. doneButtonLabel: 'DONE',
10. doneButtonColor: '#F2F3F4',
11. cancelButtonLabel: 'CANCEL',
12. cancelButtonColor: '#000000'
13. };
14.
15. document.addEventListener("deviceready", function () {
16.
17. $cordovaDatePicker.show(options).then(function(date){
18. alert(date);
19. });
20.
21. }, false);
22.});