ionic3日历插件Calendar的使用

ionic3,可以使用Calendar插件,打开日历,并进行日程表的操作
官网https://ionicframework.com/docs/native/calendar/

安装插件

ionic cordova plugin add cordova-plugin-calendar
npm install --save @ionic-native/calendar
*在app.module.ts中引入calendar
*index.html中引入Calendar.js

代码实现

html编码


    

Calendar

ts编码
引入import { Calendar } from '@ionic-native/calendar';

构造
constructor(public navCtrl: NavController,
              private calendar : Calendar) {
  }
 //创建并打开
getcalender(){
    
    this.calendar.createCalendar('MyCalendar').then(
      (msg) => { console.log(msg);},
      (err) => { console.log(err);}
    );

    this.calendar.openCalendar(new Date()).then(
      (msg) => { console.log(msg);},
      (err) => { console.log(err);}
    );
  }
根据官网示例的代码,只能创建日历,如果不执行openCalendar()方法,并不会看到你创建的日历。
有关日程的操作可参照官网API.



你可能感兴趣的:(经验,学习)