ionic添加cordova插件-PinDialog

版权声明:本文为博主gzgchzc原创文章,转载必须注明出处。http://blog.gzvtc.cc/ https://blog.csdn.net/qq_33561700/article/details/53817356

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);
});
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页