jQuery UI Widgets Forums Angular ERROR Error: jqxScheduler: Missing references to globaize.js

This topic contains 4 replies, has 2 voices, and was last updated by  Peter Stoev 5 years, 2 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • mobiyan
    Participant

    When I run my app to display the jqxScheduler, I get the following:

    CalendarComponent.html:3 ERROR Error: jqxScheduler: Missing references to the following module(s): globalize.js
    at c.<computed>._testmodules (jqxscheduler.js:8)
    at c.<computed>.createInstance (jqxscheduler.js:8)
    at Object.push../node_modules/jqwidgets-scripts/jqwidgets/jqxcore.js.b.jqx.applyWidget (jqxcore.js:15)
    at HTMLDivElement.<anonymous> (jqxcore.js:15)
    at Function.each (jqxcore.js:8)
    at init.each (jqxcore.js:8)
    at init.b.fn.<computed> [as jqxScheduler] (jqxcore.js:15)
    at Object.createInstance (jqxcore.js:15)
    at jqxSchedulerComponent.push../node_modules/jqwidgets-ng/fesm5/jqwidgets-ng-jqxscheduler.js.jqxSchedulerComponent.createComponent (jqwidgets-ng-jqxscheduler.js:132)
    at jqxSchedulerComponent.push../node_modules/jqwidgets-ng/fesm5/jqwidgets-ng-jqxscheduler.js.jqxSchedulerComponent.ngOnInit (jqwidgets-ng-jqxscheduler.js:55)

    I have followed the examples provided


    mobiyan
    Participant

    The .html

    `<div mat-dialog-title>Calendrier – {{titre}}</div>
    <div mat-dialog-content>
    <jqxScheduler #schedulerReference
    [date]=”date” [width]=”800″ [height]=”600″ [source]=”dataAdapter” [showLegend]=”true” [view]=”‘weekView'”
    [appointmentDataFields]=”appointmentDataFields” [resources]=”resources” [views]=”views”>
    </jqxScheduler>
    </div>

    <div mat-dialog-actions class=”full-width” align=”center”>
    <button mat-raised-button color=”warn” (click)=”cancelClick()”>Annuler</button>
    <button mat-raised-button color=”primary” (click)=”saveClick()”>
    Sauvegarder
    </button>
    </div>’


    mobiyan
    Participant

    in my module.ts I import:

    import {jqxSchedulerModule} from ‘jqwidgets-ng/jqxscheduler’;

    @NgModule({
    imports: [
    jqxSchedulerModule,…


    mobiyan
    Participant

    Ok solved it, needed to reference it in the scripts in angular.json

    “scripts”: [
    “./node_modules/hammerjs/hammer.min.js”,
    “./node_modules/jqwidgets-scripts/jqwidgets/globalization/globalize.js”
    ]


    Peter Stoev
    Keymaster

    Hi mobiyan,

    Thanks for the updates. We will fix it with the next build.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.