2017-02-06 69 views
0

我试图制作一个表格,用户需要在上午8:00到下午4:00之间预订时间段。所有的时间段应该在30分钟的时间段内。Ionic2中的时间上限和下限

例如 - 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> 

回答

0

我已经尝试用日期时间成分,但我认为你可以做到这一点pickerFormat="H mm"。这与显示格式不一致,但您可以避免用户选错时间,例如01:30 AM,因为pickerFormat="h mm A"会。