gzgchzc博客最新更新地址:http://blog.gzvtc.cc/
DatePicker
显示本地日期和时间选择器控件
cordova plugin add cordova-plugin-datepicker
方法(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 用户选择的时间
Examples
module.controller('MyCtrl', function($scope, $cordovaDatePicker) {
var options = {
date: new Date(),
mode: 'date', // or 'time'
minDate: new Date() - 10000,
allowOldDates: true,
allowFutureDates: false,
doneButtonLabel: 'DONE',
doneButtonColor: '#F2F3F4',
cancelButtonLabel: 'CANCEL',
cancelButtonColor: '#000000'
};
document.addEventListener("deviceready", function () {
$cordovaDatePicker.show(options).then(function(date){
alert(date);
});
}, false);
});