angular - 如何仅在 Angular 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>