Trying to set editDialogDateTimeFormatString in Html

[gellingboeParticipant]

I have been attempting to set the editDialogDateTimeFormatString in the jqxSchedulerComponent using the code example on api page for Angular: https://www.jqwidgets.com/angular-components-documentation/documentation/jqxscheduler/angular-scheduler-api.htm?search=

When I attempt to set it using [editDialogDateTimeFormatString]=”‘dd-MM-yyyy HH:mm'” in the html, i get a Template parse error “Can’t bind to ‘editDialogDateTimeFormatString’ since it isn’t a known property of ‘jqxScheduler’.” I then attempted to reference it in the ts code using this code:

import { jqxSchedulerComponent } from ‘../../../../node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxscheduler’;

export class SchedulePage implements AfterViewInit, OnInit {
@ViewChild(‘schedulerReference’) scheduler: jqxSchedulerComponent;

ngAfterViewInit() {
this.getScheduledEvents();
this.scheduler.contextMenu(false);
this.scheduler.editDialog(false);
this.scheduler.editDialogDateFormatstring(‘MM-dd-yyyy’);
}

When I do I get this error in the chrome console: SchedulePage_Host.html:1 ERROR Error: Invalid property: editDialogDateFormatstring

If I switch it to a capital “S” in ‘editDialogDateFormatstring’ to be “editDialogDateFormatString” it won’t compile. Any idea how I am supposed to set that value because right now the date controls on the edit dialog are all “DD-MM-YYYY” and I want them to be “MM-DD-YYYY”.

Thanks
Greg

PS, if you need a full set of code, I will work on trying to get a minimal set of code that shows the issue I am having. I can only find running examples I can edit of javascript based code and not angular and I attempted to set up a plunker to get it to work there to no avail.

[StanislavParticipant]

Hello gellingboe,

Thank you for the report, we will take a closer look at this case.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[gellingboeParticipant]

Any update on this?

[StanislavParticipant]

Hello gellingboe,

We apologize for this inconvenience.
You can fix the issue by changing the ‘editDialogDateFormatstring‘ to ‘editDialogDateFormatString‘ in the angular_jqxScheduler.ts file.

This will be updated in the next release.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[StanislavParticipant]

Hello gellingboe,

Update to the last response.

You need to change the text where you call the property in the widget file.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[gellingboeParticipant]

Thanks that worked for now.

[Author]

Posts