Question

自从将我的应用程序升级到Angular 7之后，我的Primeng日期选择器一直没有工作。当我单击相应的字段时，日期选择器不显示，并且我无法通过键盘输入日期。

my.component.html

<label>Start Date:</label>
<p-calendar 
    [(ngModel)]="filterStartDate" 
    inputStyleClass="pCalendarInput" 
    [yearNavigator]="true"
    yearRange="2000:2030"
    [readonlyInput]="true"
    #startDate>
</p-calendar>

我在这里缺少一个步骤吗？ Primeng 7.1.3与Angular 7.2.0一起安装。我目前不希望升级到Angular 8。我已经将CalendarModule导入了app.module.ts。

Answer 1

我依赖不推荐使用的样式依赖项。为了保持正确的样式依赖关系，请在index.html中添加以下内容：

<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/nova-light/theme.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" />

那为我解决了这个问题。

Answer 2

您已将[readonlyInput]="true"添加到'false'

<p-calendar 
    [(ngModel)]="filterStartDate" 
    inputStyleClass="pCalendarInput" 
    [yearNavigator]="true"
    yearRange="2000:2030"
    [readonlyInput]="false"  <===== false , for entering through keyboard
    #startDate>
</p-calendar>

有关更多信息：https://www.primefaces.org/primeng/#/setup

用Primeng显示日期选择器

2 个答案: