"ion-calendar" default date selected code example

Example 1: "ion-calendar" default date selected

/* Make sure the "format" tag anf the ngmodel initial values are in 
the same format */

<ion-calendar [(ngModel)]="date" [format]="'YYYY-MM-DD'">
</ion-calendar>
...
import { Component } from '@angular/core';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  date = '2017-9-28';
  constructor() { }
}

Example 2: ion2 calendar

npm install ion2-calendar moment --save

Tags:

Shell Example

Related