ionic添加cordova插件-PinDialog

2016-12-22

app

ionic

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