我需要让用户选择的开始和完成小时2轮班的时间。
早班：从00：00到13：00
下午班：13：00至24：00
一个解决方案是将hoursValue设置为00到13（例如，对于morningShift），但问题是他可以选择从13：01到59，我不希望这样。他只能选择13：00 MAX为早上.解决方案：
<ion-datetime
hourValues="00,01,02,03,04,05,06,07,08,09,10,11,12,13"
[id]="i+'matF'"
presentation="time"
[(ngModel)]="shiftGroups[i].morningStart"
></ion-datetime>字符串
1条答案
按热度按时间wqlqzqxt1#
您似乎希望允许用户为两个工作班次选择开始和结束时间，即早班（从00：00到13：00）和午班（从13：00到24：00）。您正在使用Ionic的组件来处理时间选择。为了确保用户只能为早班选择13：00之前的时间，您将hourValues限制为00-13是正确的。
您当前的方法是一个良好的开端，但您可以通过指定minuteValues来改进它，使早班只允许00分钟。下面是如何修改代码以实现此目的的示例：
字符串
通过添加minuteValues=“00”，您可以确保用户只能为早班选择分钟数为00，这将防止他们选择超过13：00的时间。这将给予您所需的早班行为。对于午班，您可以类似地配置一个单独的元素，将hourValues设置为13到23（如果您希望包括13：00）或14到23（如果您希望从13：01开始），并将minuteValues设置为“00”以仅允许午班的开始时间为整小时。
通过使用这种方法，您可以有效地控制班次开始时间的选择，同时允许用户从每个班次的可用选项中进行选择。