प्राइम एनजी डेट पिकर से केवल समय कैसे प्राप्त करें - कोणीय, प्राइमेंग

मैं केवल टाइम पिकर दिखाने के लिए प्राइमेंग में डेटाइम पिकर का उपयोग कर रहा हूं

यहाँ वह कोड है जो मैंने लिखा है:

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

जैसा कि मैंने समय दिया है = सच है, मैं केवल टाइमपास कर रहा हूं जो मुझे चाहिए

लेकिन ngModel के अंदर का मान समय के साथ पूरी तारीख है (बुध जनवरी 17 2018 02:00:00 GMT + 0530 (भारत मानक समय))

मैं केवल समय को पुनः प्राप्त करना चाहता हूं

मैं कैसे करूं?

उत्तर:

आप इसे संभाल सकते हैं onSelect अपने टेम्पलेट में घटना:

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

आपके घटक से:

timeValue: string;

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

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