[EPParticipant]

Hello Hristo, hello qwigets-team
again a question ore two related to culture-specific formats.
To the (Date) “one-character-fomats”, still missing a “short-date short-time” pattern
I know I can define the patterns individually, but the “one-character-fomats” do have the advantage to work automatically on culture-selection without further action.
I tried to $extend Globalize.cultures[‘xxx’].calendars.standard.patterns, for example by standard.patterns.e, this works using the property-name, but not using the one character “e” (“$e”) notation. Although I could use property-name, the one character is (very) advantageous
If I look in globalize.js it seems to be considered somehow:

expandFormat = function( cal, format ) {
...
// %X escape format -- intended as a custom format string that is only one character, not a built-in format.

but I can’t get it work

[EPParticipant]

Hello Todor,
works indeed thanks a lot!

[EPParticipant]

please postpone my last message
it was raised by the mis assumption the culture-selection was coupled to the date format-selection which basically seems not to be the case at least not without further steps.
I’m driven by the intent to setup locale / culture specific issues globally for the SPA by a single setting. I hope, I’m not to far away from a solution, but have to work it out.

PS: if formatstring is set properly, the timeselector-control of the jqxDateTimeInput also works properly.

But away from that, the component-property access in the callbacks is still my primary issue.

[EPParticipant]

I did also look at your demo
https://www.jqwidgets.com/angular/angular-datetimeinput/#https://www.jqwidgets.com/angular/angular-datetimeinput/angular-datetimeinput-localization.htm
and I found it, not to work correctly
if I choose another date like May, 23
select english
date is shown as 23/05/2019
but should be 05/23/2019
same thing happens at https://parixklg.github.stackblitz.io
even more herein, if I set [showTimeButton]=”true” timeinput does not popup properly

[EPParticipant]

Hello Todor,

stackblitz is:
https://stackblitz.com/edit/github-l6zbx3
https://github-l6zbx3.stackblitz.io/

as I said no data is arriving but errormessage you’ll see in log (Refresh works well, but dataAdapter.formatData: (data) does not.

Assume it is a “this” problem (Typescript or fat arrow function)

Edgar

[EPParticipant]

this is the right one:
https://github-l6zbx3.stackblitz.io
I hope
(Data d not arrive due to COS SOP. ut this is not the problem

[EPParticipant]

sorry, https://llqixxan.github.stackblitz.io/ is not correct

[EPParticipant]

Hello Todor,
there are two of them dateFrom and dateTo
I put an example on https://llqixxan.github.stackblitz.io/

formatData (data) =>
formatData error: TypeError: “_this.dateFrom.getDate(…) is null”

[EPParticipant]

sorry not correct, I got

dataAdapter: any = new jqx.dataAdapter(this.source,
{
formatData: (data) => {
console.log(this); // => the Angular component
console.log(this.dateFrom); // => jqxDateTimeInputComponent�
console.log(this.dateFrom.getDate); // => ƒ () { return this.host.jqxDateTimeInput(‘getDate’); }
console.log(this.dateFrom.getDate()); // => null

very strange, isn’t it?

[EPParticipant]

Perfect,
thanks a lot Todor, exactly what I was searchig for.
I was using the jqxDateTimeInputComponent in a wrong manner.
The Problem was / is:
I need (angular component) to access

@ViewChild('dateTo') dateTo: jqxDateTimeInputComponent;
 dataAdapter: any = new jqx.dataAdapter(this.source,
   {
      formatData: (data) => {
      ...

from within an override of dataAdapter.formatData to pass the date to the http-request
but from within formatData [this] is the datadapter and I don’t know how to reach dateTo
Could not find any hint in documentation

Any idea?

[EPParticipant]

@martin

I would suggest you to reinstall jqwidgets-scripts package.
I have tested the Angular CLI & jqwidgets-ng tutorial and it is working fine.

but Angular CLI & jqwidgets-ng does not state to install jqwidgets-scripts.
Both tutorals Angular CLI with jQWidgets and `Angular CLI & jqwidgets-ng’ starts from scratch.

And if you Download the framework tere is no jqwidgets-scripts

Maybe many beginners (as I) do not understand if Angular CLI with jQWidgets and `Angular CLI & jqwidgets-ng’ are contrary or complementary aproaches (either or / as well as)

PS: the Duplicate identifier I think error may happen if you import from jqwidgets-ng and also from jqwidgets-ts

So what jqwidgets-ts is for? (Typescript without Angular, I think)

Regards
Edgar

[EPParticipant]

Hello,
any news on that issue?
I’d really appreciate such a solution,
wondering why not more do so.

[Author]

Posts