Save data from Datetime in variable

Question

Good morning, I am finishing an Alarm application where the user selects the time the Notification should appear, I am using the native component of Ionic, the ion-Datetime. But I can’t find anywhere how I pass the data that the user selected into a variable. The part of the notifications I have already resolved with the this.hora, this.minuto inside the Trigger.

this.localNotifications.schedule({
            title: 'Atenção',
            text: '',
            data: { mydata: 'Notificação' },
            trigger:{ every: { hour: this.hora , minute: this.minuto}, count: 1 },
            foreground: true

The problem is to pass the time and minute of the Picker component to these variables.

In html it looks like this:

 <ion-datetime [displayFormat]="HH:mm"></ion-datetime> 

What would be a way to spend hour and minute into these variables?

Answer 1

You can take the value of datetime through a [(ngModel)] for example, then you will have the value of the type string in the format that datetime produces, which would be: 10:00, then you would have to separate the string to take the value of the hora (10) and of minutos (00), with a method Slice for example. From there the values of the variables within the Trigger will already be correct:

TS

tempo: string;
hora: string;
minuto: string;

Tempo() {
   this.hora = this.tempo.slice(0,2);
   this.minuto = this.tempo.slice(3,5);
}

this.localNotifications.schedule({
   title: 'Atenção',
   text: '',
   data: { mydata: 'Notificação' },
   trigger:{ every: { hour: this.hora , minute: this.minuto}, count: 1 },
   foreground: true
})

HTML

<ion-datetime displayFormat="HH:mm" [(ngModel)]="tempo" (ngModelChange)="Tempo()">
</ion-datetime>

You can see an example working here.