Ionic calendar array,api

@paulbuscano003 wrote:

Hi, How can I display my sample array date to ionic full calendar?

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  eventSource = [
    {"title":"fuck",
    "start":"2018-05-10 11:00:00",
    "end":"2018-05-10 12:00:00"
    },
    {"title":"tae",
    "startTime":"2018-06-10 11:00:00",
    "endTime":"2018-06-10 12:00:00",
    "color":"#1f1f1"}
  ];


  viewTitle: string;
  selectedDay = new Date();

  calendar = {
    mode: 'month',
    currentDate: this.selectedDay
  }
  constructor(public navCtrl: NavController) {
  
  }

  onViewTitleChanged(title) {
    this.viewTitle = title;
  }

  onTimeSelected(ev) {
    this.selectedDay = ev.selectedTime;
  }

  onEventSelected(event) {

  }

}

home.html

<ion-header>
  <ion-navbar>
    <ion-title>
      {{ viewTitle }}
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <calendar [eventSource]="eventSource"
  [calendarMode]="calendar.mode"
  [currentDate]="calendar.currentDate"
  (onEventSelected)="onEventSelected($event)"
  (onTitleChanged)="onViewTitleChanged($event)"
  (onTimeSelected)="onTimeSelected($event)"
  step="30"
  class="calendar"
  >

  </calendar>
</ion-content>

Posts: 1

Participants: 1

Read full topic