jqxDateTimeInput m.stop

[rmk3200Participant]

Unable to use jqxDateTimeInput in both existing [(ngModel)] and formControl.
How do i use both [(ngModel)] and formControl with jqDateTime?
Suggest with good example.

[rmk3200Participant]

          <my-date-picker id="toDateId" [options]="myDatePickerOptions" [(ngModel)]="toDate" [formControl]="toDateControl"
            name="toDate"></my-date-picker>

I would like to upgrade above code as

                <jqxDateTimeInput [theme]="'material'" [width]="460" [height]="30" style="margin-bottom: 20px" 
                    [formatString]="dateFormat" [(ngModel)]="toDate" [formControl]="toDateControl"
                  name="toDate"></jqxDateTimeInput>

here custom date format with 12 hour time AM/PM method on forms is unable to show. //Related to first thread

• This reply was modified 3 months, 1 week ago by  rmk3200.

[svetoslav_borislavovParticipant]

Hi,

Please see the following demo:
https://www.jqwidgets.com/angular/angular-datetimeinput/#https://www.jqwidgets.com/angular/angular-datetimeinput/angular-datetimeinput-twowaydatabinding.htm

https://stackblitz.com/github/jqwidgets/angular/tree/master/datetimeinput/twowaydatabinding?file=src%2Fapp%2Fapp.component.html

Best regards,
Svetoslav Borislavov

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

[rmk3200Participant]

When stalkblitz example its working fine. Where as local server I am getting issue

ERROR TypeError: m.stop is not a function
at c.<computed>.navigateTo (jqxcalendar.js:8:50135)
at c.<computed>.setDate (jqxcalendar.js:8:50380)
at c.<computed>.showCalendar (jqxdatetimeinput.js:8:56735)
at HTMLDivElement.<anonymous> (jqxdatetimeinput.js:8:27434)
at HTMLDivElement.dispatch (jquery-3.3.1.slim.min.js:2:41964)
at v.handle (jquery-3.3.1.slim.min.js:2:39983)
at ZoneDelegate.invokeTask (zone.js:421:35)
at Object.onInvokeTask (core.js:28499:33)
at ZoneDelegate.invokeTask (zone.js:420:40)
at Zone.runTask (zone.js:188:51)

[svetoslav_borislavovParticipant]

Hi,

Which version of jqwidgets and smart are you using?
Also, an example Angular project will be helpful.
You can send it via https://easyupload.io/

Best regards,
Svetoslav Borislavov

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

[rmk3200Participant]

https://easyupload.io/m/ntatat

You can find a test project. There is also some UI issue for date.
Same code used in our project. Still we have issue like #133283

[svetoslav_borislavovParticipant]

Hi,

The link you provided does not contain any components only configuration files.
I can see that you are using old version for both jQWidgets and Angular.
Can you update to the latest version and confirm that the error still exists?

Best regards,
Svetoslav Borislavov

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

[rmk3200Participant]

https://www.dropbox.com/sh/dx9ymyvtt9plv7h/AAAhyrgL1YmiVKFwIgQyBbaGa?dl=0

You can install the test project that uses jqDateWidgets.

https://www.dropbox.com/s/p086tqpzki0naq8/Screenshot%20%2812%29.png?dl=0
This image will show that issue on tapping jqDate field in real project.

[svetoslav_borislavovParticipant]

Hi,

Please update jqwidgets-ng and the Angular version; the problem will be resolved.
I managed to run your example with the latest version of jqwidgets-ng and there wasn’t any problem.

Best regards,
Svetoslav Borislavov

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

[rmk3200Participant]

Is there any limitations of using widgets? Because in my project many modules are replaced with jqxDatetime and every where fine working. And there is a issue with one module. Even I tried to test with another temp module to check module issue. But there is no issue with module.
When I tap date input icon the issue is occurring like post id #133283.

[svetoslav_borislavovParticipant]

Hi,

Did you update to the latest version of the package?

Best regards,
Svetoslav Borislavov

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

[Author]

Posts