import { Component, OnInit, Input } from '@angular/core'; import { ModalController, NavParams } from '@ionic/angular'; @Component({ selector: 'app-date-info-modal', templateUrl: './date-info-modal.component.html', styleUrls: ['./date-info-modal.component.scss'], }) export class DateInfoModalComponent implements OnInit { gaugeType = "full"; gaugeValue = 28.3; gaugeLabel = "Days"; @Input() TODAYDATE: any; today: any; todayDate: any; month: any; monthDate: any; constructor(public modalController: ModalController, public navParams: NavParams) { } ngOnInit() { let dateData = this.TODAYDATE.split(' '); console.log(dateData) this.today = dateData[0]; this.todayDate = dateData[1]; this.monthDate = dateData[2]; this.month = dateData[3]; console.log(this.todayDate); console.log(this.today); console.log(this.monthDate); console.log(this.month); } public options = { cutoutPercentage: 80, tooltips: { enabled: false }, legend: { display: false } }; public data = { datasets: [ { data: [120, 50], backgroundColor: [ '#094875' ], borderWidth: 2 }] }; }