MDB Date picker - date format help


Topic: MDB Date picker - date format help

MPL pro premium asked 2 years ago

Hi all I have the following date picker on my site:

        <mdb-form-control>
      <input
        mdbInput
        [mdbDatepicker]="datepicker"
        type="text"
        class="form-control"
        id="exampleDatepicker"
        [(ngModel)]="selectedDate"
        (change)="changeDate(); calcNight()"
        placeholder="dd/mm/yyyy"

      />
      <label mdbLabel for="exampleDatepicker" class="form-label">Select a date</label>
      <mdb-datepicker-toggle [mdbDatepicker]="datepicker"></mdb-datepicker-toggle>
      <mdb-datepicker   [inline]="true" #datepicker (dateChanged)="dateChange($event)"></mdb-datepicker>
    </mdb-form-control>

I am based in the UK and when I change the date I get the output eg Fri Jan 06 2023 02:35:19 GMT+0000 (Greenwich Mean Time) and here we use the format dd/mm/yyyy

Now a user of my site from the US has reported a problem where he entered the date in the format of mm/dd/yyyy but the picker translated it as a uk format dd/mm/yyyy. I am wondering how I and set the input format so the picker knows the format of the input and therefore gives the correct selectedDate?

Thanks for any help here


r.seifert answered 2 years ago

Please take a look at our datepicker docs section. We have format input which default value is 'dd/mm/yyyy'. You can change it according to your needs ( [format]="'mm,dd,yyyy'")

I hope that it solves your problem.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.1
  • Device: Laptop
  • Browser: All
  • OS: Linux
  • Provided sample code: No
  • Provided link: No