如何创建角度为5或6的时间选择器？

Question

我必须从给定时间段中选择特定时间。从日历中选择日期后，将显示可用时间段。

Answer 1

Bootstrap DateTime Picker中有一个。

具有您需要的确切组件。

<div class="input-append date" id="datetimepicker"
    data-date="12-02-2012" data-date-format="hh">
    <input class="span2" size="16" type="text" value="12-02-2012">
    <span class="add-on"><i class="icon-th"></i></span>
</div>            

调用它：$('#datetimepicker').datetimepicker('remove')

您可以使用PrimeNG Calendar。

import {CalendarModule} from 'primeng/calendar';

它有timeOnly参数，只显示时间选择器。

<p-calendar [(ngModel)]="date8" [timeOnly]="true"></p-calendar>

Answer 2

Time Picker

<ngb-timepicker [(ngModel)]="time"></ngb-timepicker>