Ionic2中时间的下限和上限

Question

我正在尝试制作一个表单，用户需要在上午8:00到下午4:00之间预订时段。所有时段都应在30分钟的时段内。

例如 - 上午8:00，上午8:30，上午9:00，上午9:30，上午10:00，上午10:30，上午11:00，上午11:30，中午12:00 ，12：00 PM，1：00 PM，1：30 PM，2：00 PM，2：30 PM，3：00 PM，3：30 PM，4：00 PM。

我需要确保用户在上午8:00到下午4:00之间选择时间。 如何通过使用ionic2 date time来实现这一目标。

这是我尝试过的，但它不起作用 -

   <ion-item>
    <ion-label>Start Time</ion-label>
    <ion-datetime displayFormat="h:mm A"  hourValues='8,9,10,11,12,13,14,15,16' minuteValues="0,30" pickerFormat="h mm A" [(ngModel)]="event.timeStarts"></ion-datetime>
  </ion-item>

Answer 1

我尝试使用DateTime组件，但我认为你可以这样做pickerFormat="H mm"。这与显示格式不一致，但您可以避免用户选择错误的时间，例如凌晨1:30，pickerFormat="h mm A"。