Datepicker oddity

Radzen Studio Angular
1

I have a page on a grid displaying data one field of which is a Date data type in SQL. The grid is displaying the dates in UK format (dd/MM/yyyy) with no time displayed:

image

The formatting done by this template:

image

When I open an edit dialog, the information is displayed but, the year seems to be doubled up and the date not in the format I want as it is displaying month name:

image

I've tried various things but, can't seem to get it to display correctly using this DateFormat?

image

Any suggestions how to correct this or can you see any silly mistakes on my part?

2

This is an oddity of the PrimeNG date picker. The date format it uses isn't the standard Angular one. For example yy is year with four digits and mm is month with two digits. I think you need dd/mm/yy. Here is the full list of formats that the PrimeNG datepicker supports:

  • d - day of month (no leading zero)
  • dd - day of month (two digit)
  • o - day of the year (no leading zeros)
  • oo - day of the year (three digit)
  • D - day name short
  • DD - day name long
  • m - month of year (no leading zero)
  • mm - month of year (two digit)
  • M - month name short
  • MM - month name long
  • y - year (two digit)
  • yy - year (four digit)
3

That explains it :smiley: - thanks for the info!