cordova – 离子2 DatePicker

我是离子新手,我正在玩离子2 beta.我正在尝试使用像 in the documentation这样的cordova插件来实现本机日期选择器.

我已完全复制/粘贴示例,我得到“ReferenceError：DatePicker未在Nexus 5 Emulator和Archos安卓手机上定义.

openDatePicker() {
    var options = {
      date: new Date(),
      mode: 'date'
    };

    function onSuccess(date) {
        alert('Selected date: ' + date);
    }

    function onError(error) { // Android only
        alert('Error: ' + error);
    }

    DatePicker.show(options, onSuccess, onError);
  }

我已经搜索了很多但没有发现这个,也许我在Ionic 2上使用cordova插件做错了？

缺少相关文档(此问题时的Ionic Native文档仍然是一个WIP).

ionic-native是一个独立于框架的模块,因此您需要安装它：

# from within your project directory
npm install --save ionic-native

您还需要安装您尝试使用的插件,如果您还没有：

#from within your project directory
ionic plugin add cordova-plugin-datepicker

然后在代码中导入DatePicker插件：

import {DatePicker} from 'ionic-native';

然后和Ionic 1一样,在Cordova准备好之前你将无法使用任何插件.这意味着您可以使用Platform.ready或等待在窗口上触发deviceready事件：

constructor(platform: Platform) {
  platform.ready().then(() => {
    let options = {
      date: new Date(),
      mode: 'date'
    }

    DatePicker.show(options).then(
      date => {
        alert('Selected date: ' + date);
      },
      error => {
        alert('Error: ' + error);
      }
    );
  });
}

还有一点需要注意的是,ionic-native将回调包含在一个承诺中.