Question

我在primeng中使用日期时间选择器来仅显示时间选择器

这是我写的代码：

@property(nonatomic, readonly) WKInterfaceController *visibleInterfaceController;

由于我已经给出了timeOnly = true，我只是得到了我想要的时间选择器

但是ngModel里面的值是完整的日期和时间（2018年1月17日2018 02:00:00 GMT + 0530（印度标准时间））

我只想要检索时间

我该怎么做？

Answer 1

您可以在模板中处理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

Answer 2

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

dataType =“ string”

这时候将得到像这样的字符串 14:24

Answer 3

默认dataType为Date，但是您可以将其更改为字符串，这样就可以了

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

如何仅从主要日期选择器中检索时间

3 个答案: