Отображение Datepickers с Primeng - PullRequest
Новая
       14

Отображение Datepickers с Primeng

0 голосов
/ 08 июля 2019

После обновления моего приложения до Angular 7 мои датеры Primeng не работают.DatePickers не отображаются, когда я нажимаю на соответствующее поле, и я не могу ввести дату с клавиатуры.

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.

Ответы [ 2 ]

0 голосов
/ 08 июля 2019

Вы добавили [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

0 голосов
/ 08 июля 2019

Я полагался на устаревшие зависимости стиля. Чтобы поддерживать правильные зависимости стиля, включите в ваш 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" />

Это решило проблему для меня.

...