Ionic2-calendar-ajackus 包是一个适用于 Ionic 2 框架的日历插件，由 Ajackus 公司开发。使用 Ionic2-calendar-ajackus，可以方便地让用户在移动设备上查看和操作日历。
安装
通过 npm 可以简单地安装 Ionic2-calendar-ajackus 包，安装方式如下：
npm install --save ionic2-calendar-ajackus
使用
安装完成后，在需要使用的组件内引入 CalendarModule，如下所示：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - --------------- - ---- ----------------
------ - -------------- - ---- --------------------------
------ - ------ - ---- ------------
-----------
------------- -
-------
--
-------- -
---------------------------------
-------------------------
--
--
------ ----- ------------ --在 HTML 中使用：
<ion-content padding> <calendar [events]="events" [options]="options"></calendar> </ion-content>
其中 options 是可选项，如设置日历每个日期的样式、月份切换的动画等等。events 是必选项，包含日历的事件，如下所示：
events: any[] = [
{
title: 'Event 1',
startTime: new Date(2017, 2, 6),
endTime: new Date(2017, 2, 7)
}
];更多 options 的设置方法和 events 的数据结构，请参考官方文档。
示例代码
下面的代码实现了一个包含 ionic2-calendar-ajackus 的日程管理器。代码中通过 Firebase 实时数据库存储了用户的日程，每次在视图加载前从数据库中读取数据并在日历上显示。用户点击某一天时可以查看并编辑当天的日程。
-- -------------------- ---- -------
------------
------------
---------------------------
------------ ----
------- ---------- --------- ---------------------
--------- ----------------------
---------
--------------
-------------
-------------
------------ --------
--------- ----------------- --------------------------- ----------------------------------------------- ----------------------------------------- ----------------------------
--------- ----------- ----- -- -------------------
------ ----------- -------
----- ----------- ------
-----------
---------------- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------------- --------- - ---- ----------------
------ - -------------------- ---------------------- - ---- ------------------------
------ - -------- - ---- --------------------------
------------
--------- ------------------------
------------ -----------------------
--
------ ----- ------------------- -
------- ------
------------------ ----- - ---
--------------- - -
------------ -----------
-- --------
------------- ----
--
------------
------ -------- --------------
------ ---------- ----------
------ --- -------------------- -
-
----------------- -
------------------
-
---
- -----------
--
------------ -
--- ---------- - ------------------------
----------------------------- -- -
----------- - -------
---
-
---
- ------
--
------------------------- ------- -
-------------------
-
---
- ------------
--
---------------------- -
-------------------
---------------------- - ---
--- ---- ---- -- ------------ -
-- ----------------------------- -- ------------------------------ -
----------------------------------
-
-
-
---
- ----
--
---------- -
----------------------------------
-
-总结
通过本文的讲解，我们了解了如何在 Ionic 2 中使用 npm 包 ionic2-calendar-ajackus，以及如何将它应用于实际项目中。我们要学会仔细阅读官方文档，了解其提供的 API 接口，然后才能快速高效地使用这个插件。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f74238a385564ab6877