Come recuperare solo il tempo dal primo raccoglitore di date - angolare, primitivo

Sto usando il selettore datetime in primeng per mostrare solo il time picker

Ecco il codice che ho scritto:

<p-calendar [(ngModel)]="classTimingsArray[i].start_time" timeOnly="true"></p-calendar>

Come ho dato tempo: solo = vero, sto ricevendo solo il timepicker che è quello che voglio

Ma il valore all'interno di ngModel è una data completa insieme al tempo (Wed Jan 17 2018 02:00:00 GMT + 0530 (India Standard Time))

Voglio solo il tempo per essere recuperato

Come dovrei farlo?

risposte:

Puoi gestire il onSelect evento nel tuo modello:

<p-calendar (onSelect)="onSelect($event)"
[(ngModel)]="classTimingsArray[i].start_time" timeOnly="true">
</p-calendar>

Dal tuo componente:

timeValue: string;

onSelect($event) {
let hour = new Date($event).getHours();
let min = new Date($event).getMinutes();
this.timeValue = `${hour}:${min}`;
}

demo: https://stackblitz.com/edit/prime-ng-calendar-e8lrz1?file=app%2Fcalendar%2Fcalendar.component.ts