Topic: How to Show Calendar Dates as M/D/YYY?

HalGumbert priority asked 9 months ago

Expected behavior Show Dates as M/D/YYYY

Actual behavior Dates appear as DD/MM/YYYY

Resources (screenshots, code snippets etc.) I tried to change the formats in this code so dates in the tooltips and the date picker appear as M/D/YYY, but when changed, the calendar won't load properly. What is the correct way to change how dates are displayed?

this.formats = {
      date: 'DD/MM/YYYY',
      dateTime: this.options.twelveHour ? 'DD/MM/YYYY hh:mm A' : 'DD/MM/YYYY HH:mm',
      time: this.options.twelveHour ? 'hh:mm A' : 'HH:mm',

Grzegorz Bujański staff commented 9 months ago

This is a bug. In the _createCurrentMonthDayFields method, change = date; to = moment(date, 'DD/MM/YYYY').format(;

HalGumbert priority answered 9 months ago

I applied the bug fix with no issues in all_min.js, with no negative result: = l()(o,"DD/MM/YYYY").format(,

However, when I changed this.formats as shown above to M/D/YYYY, an error occurred that I could not get around which could be related to changing So I hard coded "M/D/YYYY" to each format in tooltips.js and templates.js.

So, I'm happy now, but it's be nice to change date, time and timestamp formats in one place.

Thank you for your help!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: MacBook Pro
  • Browser: Safari
  • OS: 12.2.1
  • Provided sample code: No
  • Provided link: No