Upgrade Wijmo from Angular 7 to Angular 9 -Date Format Issue

Upgrade Wijmo from Angular 7 to Angular 9 -Date Format Issue

Posted by: kapil.r.shah on 3 June 2020, 11:32 am EST

• 

  kapil.r.shah

  • Post Options:
  • Link
    Copy

  Posted 3 June 2020, 11:32 am EST - Updated 3 October 2022, 4:14 pm EST

  We recently upgraded our application from Angular 7 to Angular 9.

  One of the columns in Wijmo Grid is a date which we display in [format]=“‘MM/dd/yyyy hh:mm:ss tt’” in Angular 7

  

  2511×287 24.7 KB

  

  2064×459 27.1 KB

  

  727×185 6.78 KB

  After upgrading to Angular 9, I lose the date format
  
  

  

  1984×374 59.3 KB

  Angular 9 Errors

  

  2177×355 26.7 KB

  So is the issue with Wijmo grid not supporting the format in Angular 9?

  Thanks
  
  Kapil

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 June 2020, 1:02 am EST

  Hi Kapil,

  Can you let me know which version you are using? The earliest wijmo version that supports angular 9 is 5.20193.637. Can you please upgrading wijmo and let us know if you face any issues while upgrading.

  Regards,
  
  Ashwin

• 

  kapil.r.shah

  • Post Options:
  • Link
    Copy

  Posted 4 June 2020, 8:19 am EST

  Hi Ashwin,
  
  We are using “wijmo”: “^5.20193.0”, Is that correct?

  Thanks
  
  Kapil

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 June 2020, 4:33 am EST

  Hi Kapil,

  You are using the correct version. So, you do not need to upgrade it.

  It seems that the issue is related to angular and wijmo. When the data is returned from the API, you create a CollectionView with the data and then iterate over each item to convert EventDateUTC to a date. Can you please try to upgrade the EventDateUTC before the assigning the data to the collectionview.
  
  It seems that the EventDateUTC property is read-only property. Can you please try to assign a new value to it outside the loop and check if the error is thrown or not?

  ~regards