PrimeNG 日历错误 - JQuery 未定义

Question

我想在我的应用中使用 PrimeNG calendar。当我运行代码时，出现错误：

ReferenceError: jQuery is not defined.

其他 PrimeNG 指令工作正常。如果我删除 <p-calendar>，错误就会消失。

我已经在我的应用程序中导入并包含了日历。顺便说一下，我使用的是最新版本的 angular、路由器和表单。在此之前，我有这个 issue 并通过更新表单提供者修复了它。

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

堆栈跟踪摘录：

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

或者，如果您像我一样使用 angular-cli，您可以 npm i primeui 并将其添加到您的 angular-cli.json:

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

更新

在beta.19中删除了JQuery的依赖。

参考：http://blog.primefaces.org/?p=4149

PrimeNG 日历错误 - JQuery 未定义

PrimeNG Calendar error - JQuery is not defined

angular

primeng

primeng-calendar