All Projects → laker007 → ionic3-calendar

laker007 / ionic3-calendar

Licence: other
Ionic Calendar Component

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to ionic3-calendar

sm-coal-app
这是一个使用Ionic2开发的集数据展示,交易,交流于一体的APP
Stars: ✭ 21 (-8.7%)
Mutual labels:  ionic, ionic3
Wooionic3
An eCommerce App for WooCommerce stores using Ionic 3.
Stars: ✭ 208 (+804.35%)
Mutual labels:  ionic, ionic3
Ionic Super Bar
Transparent statusBar and awesome toolBar DEMO in ionic
Stars: ✭ 180 (+682.61%)
Mutual labels:  ionic, ionic3
ionic-login-component
Free sample of Premium Ionic Login Component
Stars: ✭ 17 (-26.09%)
Mutual labels:  ionic, ionic3
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: ✭ 13 (-43.48%)
Mutual labels:  ionic, ionic3
Ionic2 Pokedex
🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
Stars: ✭ 143 (+521.74%)
Mutual labels:  ionic, ionic3
ionic3-image-handling
In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
Stars: ✭ 35 (+52.17%)
Mutual labels:  ionic, ionic3
Chihu2
ionic2-example <吃乎2>混合开发-美食app 🍜 ☕️ 🍦 (This is a support android and apple ionic2 case, a food app)
Stars: ✭ 124 (+439.13%)
Mutual labels:  ionic, ionic3
ionic3
This repository contains complete source code for Ionic 3 tutorial from https://ampersandacademy.com/tutorials/ionic-framework-3. I will try many Ionic 3 specific scripts and will write them as separate tutorial. You can follow this repo to get more tested and working script for the Ionic 3.
Stars: ✭ 21 (-8.7%)
Mutual labels:  ionic, ionic3
ionic2-PreDB
Simple Ionic 2+ with pre-populated database starter project
Stars: ✭ 14 (-39.13%)
Mutual labels:  ionic, ionic3
Ionic3 Multilevelsidemenu
Ionic 3 demo of a two-level side menu.
Stars: ✭ 141 (+513.04%)
Mutual labels:  ionic, ionic3
ionic-socialsharing-with-deeplinking-example
Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.
Stars: ✭ 16 (-30.43%)
Mutual labels:  ionic, ionic3
Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: ✭ 1,689 (+7243.48%)
Mutual labels:  ionic, ionic3
Instaclone
Instagram clone theme for Ionic mobile apps.
Stars: ✭ 173 (+652.17%)
Mutual labels:  ionic, ionic3
Ionic3 Start Theme
Ionic 3 Start Theme with 10 Pages, mock data, providers samples, Storage, Http and more...
Stars: ✭ 129 (+460.87%)
Mutual labels:  ionic, ionic3
ionic3-firebase-ngrx
Sample Ionic 3 application using ngrx with firebase (auth, crud and camera plugin)
Stars: ✭ 48 (+108.7%)
Mutual labels:  ionic, ionic3
Ionic3 Seed Jwt
Ionic 3 seed project with JWT support. It works together with the backend from here https://github.com/vmanchev/laravel-jwt
Stars: ✭ 86 (+273.91%)
Mutual labels:  ionic, ionic3
Ionic 3 File Transfer Example
📁 File Transfer in Ionic 3 using Ionic Native's File and Transfer modules
Stars: ✭ 113 (+391.3%)
Mutual labels:  ionic, ionic3
Ews Javascript Api
EWS API for TypeScript/JavaScript - ported from OfficeDev/ews-managed-api - node, cordova, meteor, Ionic, Electron, Outlook Add-Ins
Stars: ✭ 241 (+947.83%)
Mutual labels:  ionic, ionic3
docker-ionic-android-sdk
Docker image include android sdk for building ionic framework application
Stars: ✭ 40 (+73.91%)
Mutual labels:  ionic, ionic3

ionic3-calendar

image"

Using

  • npm install ionic3-calendar --save (in ionic project folder)
  • in app.module.ts
import { CalendarModule } from 'ionic3-calendar';

  @NgModule({
    ...
  imports: [
    ...
    CalendarModule,
    ...
  ]
    ...
  })
  • Push component to anywhere you want to display it

    <ion-calendar #calendar></ion-calendar>

  • Go Today

    <button ion-button clear (click)="calendar.today()">Today</button>

  • Click The Day And Get The Day

    <ion-calendar #calendar (onDaySelect)="onDaySelect($event)"></ion-calendar>

  • In The End

    Restart Ionic Serve

Update

  • 31st July 2017

    Update README FILE

  • 29th July 2017:

    Fix Bug: The Right Way To Get The Day:

    <ion-calendar #calendar (onDaySelect)="onDaySelect($event)"></ion-calendar>

    Sorry for my mistake.

  • 28th July 2017: Thanks For Smartisan Designer-Here is the link

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].