PrimeNG 时间选择器不允许我更改时间

Question

我正在使用 PrimeNG 的日历功能，但我正试图让时间选择器工作，因为它不允许我更改时间。这是我在模板中的代码：

<div class="ui-g-12 ui-md-4">
    <h3>Time Only </h3>
    <p-calendar [(ngModel)]="date8" [timeOnly]="true"></p-calendar>
</div>

我看到的是这样的：

如您所见，它不允许我更改时间，因为箭头没有像文档中那样显示。谢谢

Answer 1

您缺少 Font-Awesome 要求，这将为您提供所需的图标。

您需要运行 npm install font-awesome --save 在您的项目文件夹中，然后确保添加 angularcli.json 文件的样式部分（此信息可在 Get Started PrimeNg 网站部分。

"styles": [
  "../node_modules/font-awesome/css/font-awesome.min.css",
  "../node_modules/primeng/resources/primeng.min.css",
  "../node_modules/primeng/resources/themes/omega/theme.css",
  //...
],

PrimeNG 时间选择器不允许我更改时间

PrimeNG time picker won't allow me to change the time

angular

primeng