2016-07-07 19 views
4

私のアプリでPrimengカレンダーを使用したいのですが(http://www.primefaces.org/primeng/#/calendar)コードを実行するとエラーが発生します:ReferenceError:jQueryが定義されていません。 Primengの​​別のディレクティブもうまく動作します。 <p-calendar>を削除するとエラーが表示されなくなります。Primeng Calendarエラー - JQueryが定義されていません

私は自分のアプリにカレンダーをインポートしています。 ところで、私は角度、ルータ、フォームの最新バージョンを使用しています。その前に私はこの問題:https://github.com/primefaces/primeng/issues/549を持っていて、フォームプロバイダを更新してそれを修正しました。

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

スタックトレースの抜粋:

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) 
+0

、あなたのindex.html内のjQueryへの参照を含めてみてください。 – mifish

+1

''依存関係: 'jQuery UI DatepickerとDateTimePicker' –

答えて

8

あなたは依存関係を追加する必要があります。

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

これはとても悲しいです:( – daveoncode

+1

チームはカレンダーからサードパーティの依存関係を削除しようと努力しています:) – Sergio

+0

Beta19にはjqueryではなくネイティブカレンダーがありますベース。 http://blog.primefaces.org/?p=4149 –

3

あなたはまた、単にこれを追加することができます。

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

あるいは、あなたがnpm i primeuiことができ、あなたのangular-cli.jsonにこれを追加私のような角度-CLIを使用している場合:

beta.19

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

更新

はJQueryの依存関係が削除されました。

参考:お持ちでない場合はhttp://blog.primefaces.org/?p=4149

関連する問題