Ошибка в Primeng Calendar - JQuery не определен

Question

Я хочу использовать календарь Primeng в своем приложении. (http://www.primefaces.org/primeng/#/calendar) Когда я запускаю код, я получаю ошибку: ReferenceError: jQuery не определен. Другие директивы Primeng работают нормально. Если я удалю <p-calendar>, ошибка исчезнет.

Я импортировал и включил Календарь в свое приложение. Кстати, я использую последние версии угловых, роутеров и форм. До этого у меня был этот вопрос: https://github.com/primefaces/primeng/issues/549 и исправил его, обновив поставщиков форм.

<p-calendar [(ngModel)]="date"></p-calendar> 

StackTrace выдержка:

ReferenceError: jQuery is not defined 
    at Calendar.ngAfterViewInit (eval at <anonymous> (http://localhost:8080/js/app.js:930:2), <anonymous>:44:90) 
    at DebugAppView._View_AddShipmentComponent0.detectChangesInternal (AddShipmentComponent.template.js:930:59) 
    at DebugAppView.AppView.detectChanges (eval at <anonymous> (http://localhost:8080/js/vendor.js:716:2), <anonymous>:243:14) 
    at DebugAppView.detectChanges (eval at <anonymous> (http://localhost:8080/js/vendor.js:716:2), <anonymous>:348:44) 

Answer 1

Вы должны добавить зависимости:

<!-- Datetimepicker, Slider, Schedule --> 
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.min.js"></script> 

Answer 2

Вы также можете добавить только это:

<script src="node_modules/primeui/primeui-ng-all.min.js"></script>

Или, если вы используете угловые-консоли, как мне вы можете npm i primeui и добавить к вашему angular-cli.json:

"scripts": ["../node_modules/primeui/primeui-ng-all.min.js"]

Update

в beta.19 Зависимость JQuery была удалена.

Ссылка: http://blog.primefaces.org/?p=4149