Ionic2中的時間上限和下限

Question

我試圖製作一個表格，用戶需要在上午8:00到下午4:00之間預訂時間段。所有的時間段應該在30分鐘的時間段內。

例如 - 8:00 AM，8:30 AM，9:00 AM，9:30 AM，10:00 AM，10:30 AM，11:00 AM，11:30 AM，12:00 PM，12:30 PM，1:00 PM，1:30 PM，2:00 PM，2:30 PM，3:00 PM，3:30 PM，下午4:00。

我需要確保用戶在上午8:00到下午4:00之間選擇時間。 我如何通過使用ionic2日期時間來實現這一點。

這是我嘗試過，但它不是working-

<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

我已經嘗試用日期時間成分，但我認爲你可以做到這一點pickerFormat="H mm"。這與顯示格式不一致，但您可以避免用戶選錯時間，例如01:30 AM，因爲pickerFormat="h mm A"會。