PrimeNG Calendar error - JQuery is not defined

Question

I want to use PrimeNG calendar in my app. When I run the code, I get the error:

ReferenceError: jQuery is not defined.

Other P

Answer 1

You need to add the dependencies:

<!-- 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

You can also add just this:

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

Or, if you're using the angular-cli like me you can npm i primeui and add this to your angular-cli.json:

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

Update

in beta.19 The dependency of JQuery has been removed.

Reference: http://blog.primefaces.org/?p=4149