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 x = this.TODAYDATE.split(" ") console.log(x) this.today = x[0]; this.todayDate = x[1]; this.monthDate = x[2]; this.month = x[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 }] }; }