Display event from json

this is my calendar how look like


ts file

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Calendar } from '@ionic-native/calendar/ngx';
import { RmtServiceProvider } from '../../providers/rmt-service/rmt-service';
import {Http} from '@angular/http';
 * Generated class for the TakvimPage page.
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.


export class CalendarPage {

  currentEvents = [

      year: 2019,
      month: 2,
      date: 25,

      year: 2019,
      month: 2,
      date: 26,


 constructor(public navCtrl: NavController ,    public navParams: NavParams,
  public remoteService : RmtServiceProvider,public http: Http,) {

ionViewDidLoad() {
    console.log('ionViewDidLoad CalendarPage');





 <ion-content padding  >
	<mycal [events]="currentEvents" (onDaySelect)="onDaySelect($event)" (onMonthSelect)="onMonthSelect($event)"  >


 return new Promise(resolve => {
      this.http.get(''  )
        .map(res => res.json())
        .subscribe(data => {
          this.data = data;

and my json like this

[{“name”:“firstlesson”, “start_time”:2019-09-22 17:13:02}]

how can ı display this on the calendar. ionic 3 angular 5

If I understood your problem correctly
You have to set date which comes in in below JSON.
[{“name”:“firstlesson”, “start_time”:2019-09-22 17:13:02}]

I think you can take reference from below solutions

Your JSON is
[{“name”:“firstlesson”, “start_time”:2019-09-22 17:13:02}]

1.You can save this start_time in mydate variable
2. and once it will update it can set on calender.

Give a try.


how can ı set date because ı pull from json

[{“name”:“firstlesson”, “start_time”:2019-09-22 17:13:02},{“name”:“secondlesson”, “start_time”:2019-09-25 17:13:02},{“name”:“thirdlesson”, “start_time”:2019-09-27 17:13:02}]

my json api like this and ı didnt understood you sorry about that please help me ı new on ionic

Hello, could you describe what do you want step by step, please?

ı have a json like above
and ı want to display this events into calendar

But how? Displaying it above the days, below the calendar itself?

ı have no idea , should ı firstly install a calendar or making something else please help me. Only ı need that ı should display event properly date on the calendar.

Sorry for be inactive for a week. I have found an ionic calendar tutorial from Simon Grimm. Is it what you were looking for?

actually ı used to another calendar which is angular full calendar it works well and event display but ı want to load event from json dynamically . and ı have been open a new topic link is here

so please help me.