Question

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

ReferenceError：未定义jQuery。

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

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

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

Stacktrace摘录：

ReferenceError：未定义jQuery 在Calendar.ngAfterViewInit（eval at（http://localhost:8080/js/app.js:930:2），：44：90）在DebugAppView._View_AddShipmentComponent0.detectChangesInternal（AddShipmentComponent.template.js：930：59）在DebugAppView.AppView.detectChanges（eval at（http://localhost:8080/js/vendor.js:716:2），：243：14）在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"]

<强>更新

in beta.19已删除JQuery的依赖项。

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

PrimeNG日历错误 - 未定义JQuery

2 个答案: