cordova - ionic 2 日期选择器

Question

我是 ionic 新手，我正在玩 ionic 2 beta。我正在尝试使用像 in the documentation 这样的 Cordova 插件来实现 native 日期选择器.

我已完全复制/粘贴示例，得到 "ReferenceError: DatePicker is not defined在 Nexus 5 模拟器和爱可视安卓手机上。

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 插件上做错了？

Answer 1

试试这个:

step 1: npm install @ionic-native/core --save
step 2: npm install --save @ionic-native/date-picker
step 3: add this plugin to your app.module.ts
          i. import { DatePicker } from '@ionic-native/date-picker';
         ii. providers:[DatePicker]
step 4: import { DatePicker } from '@ionic-native/date-picker';
step 5: Inject in constructor:
        constructor(public datePicker: DatePicker) { }
step 6: You can access datePicker like: 
        this.datePicker.show({
         date: new Date(),
             mode: 'date',
             androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK
         }).then(
             date => console.log('Date: ', date),
             err => console.log('Error while getting date: ', err)
         );