$cordovaDatePicker cordova日期选择插件



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

cordova plugin add https://github.com/VitaliiBlagodir/cordova-plugin-datepicker.git


方法(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 用户选择的时间

代码实例

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);
});