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",
  //...
],