Ionic2 Calendar

Ionic2 Calendar

ionic2-calendar is a ready to use plugin that you can easy to use with your existing project

$0.00

Quang Anh

Quang Anh

Member since 2015

Details

Version:
0.1.6
Ionic:
3.x  
Platforms:
iOS, Android  
Released:
3 years ago
Updated:
3 years ago
Category:
Plugins
Tags:
,

ionic2-calendar2

(x)Cross Mobile Engine: Ionic2 Calendar Component

If you like to give me a beer

  • via Paypal Donate
  • via Ethereum: 0x5405B6d5325D8Ee7674e2b4719C8d11555c16c85
  • via Bitcoin: 39BXQrA4pERcTTt4Qn17rDJVSKDCrMPJr8
  • That project support base calendar directive with Month, Week, Day views that can easy to integrate with your mobile app.
  • It's just for fun and expose a part my research on calendar processing with Google Calendar, Apple Calendar, iCalendar, etc.
  • Some source in that library should be easy to apply but maybe hard to extends to adapt on what you need. It's a message for user want developer extend that library and think about it does 80% work. The rest, 20% hardest things for your developer so should play nice. :D

Read more about source code, class used in this repository.

Getting Started

Installing

```bash

Clone the repository into xmobe/ui folder

npm install ionic2-calendar2 --save ```

Using

```typescript

app.module.ts

import { CalendarModule } from 'ionic2-calendar2'; imports: [ CalendarModule, ] ```

```html

*.html

```

Calendar Month View

  • Flex base UI (not table).
  • Expose date object directly for later use.
  • You can config moment locale from outside to localize calendar information.

Calendar Week View

  • will update with (50 stars)

Calendar Day View

  • will update with (150 stars)

Todo List

  • Not directive or reusable component yet. (updated 5th Aug 2016)
  • Configuration
  • Swipe to change Month, Week, Day view
  • npm install and use directly

Environment

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0

System:

Node : v8.4.0 npm : 5.5.1 OS : macOS Sierra

Misc:

backend : pro

Common Errors

```bash

lack moment

npm install moment --save

lack next previous month buttons

npm install font-awesome --save

Oganize font-awesome resources in your ionic2 project to meet your desire.

project-root-folder ├─ src
| └─ assets
| ├─ fonts
| └─ font-awesome
└─ ...

```

Contributors

  • Quang Anh LE (Arkay Lee)

Update

  • 26th Nov 2017: update dependencies angular 5.0.0, ionic 3.9.2
  • 17th Nov 2017: update dependencies Common Errors
  • 31th Oct 2017: update dependencies angular 4.4.4, ionic 3.8
  • 23th Oct 2017: update dependencies log4js, angular 4.3.1
  • 20th Oct 2017: update new source base 0.1.3, new UI look n feel
  • 18th Nov 2016: update npm version 0.0.1
  • 6th Aug 2016: update template.

Thank Kenneth Hou for an inspired calendar style https://dribbble.com/shots/1269664-Calendar-Screen.