如何在离子2中调用完整日历

时间:2017-01-02 11:00:01

标签: angular calendar fullcalendar ionic2

我正在尝试根据此文档http://ionicframework.com/docs/v2/native/calendar/

点击按钮调用完整日历

我创建了一个新项目并在将项目放入我的设备后安装了这个插件我正在获得numm的回调,但我无法在我的UI中看到日历

这是我的代码.ts

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

import {Calendar} from 'ionic-native';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  calender(){

    Calendar.createCalendar('MyCalendar').then(
      (msg) => { console.log("scuccess"+msg); },
      (err) => { console.log("error"+err); }
    );
  }

}

这是我的html部分

<button (click)="calender()" ion-button full>clickme</button>

任何人都可以帮助如何获得完整的callender ui,我不知道为什么我在我的console.log chorem://inspect

中得到null

1 个答案:

答案 0 :(得分:1)

您需要打开日历才能查看。

onActivityCreated()

在html中:

public openCalendar():void{ 
Calendar.openCalendar(this.startDate); 
}

检查example here