Hey,

I have the same problem with my app but my backend use PHP code. the problem is that the mdb date picker component don't show the date. it shows this kind of thing when i change the format parameter. So I don't no if it's the library bug or anything else

Regards.

I have solved the problem. I don't know if it is the best method but it works for me.

In MS SQL I select the date field as a string:

SELECT convert(varchar, ExpiryDate, 103)  FROM ...

My Angular model has the date defined as string:

ExpiryDate: string; 

In app.module.ts I define the date format option for the mdb-date-picker :

    provide: MDB_DATE_OPTIONS, useValue: 
    { 
      dateFormat: 'dd/mm/yyyy' 
    }  

In my c# code I convert the input date string, from the angular app, using:

    private static DateTime StringToDate(string s)
    {
        CultureInfo enUK = new CultureInfo("en-UK");

        DateTime d = DateTime.MinValue;
        d = DateTime.ParseExact(s, "dd/MM/yyyy", enUK, DateTimeStyles.None);

        return d;

    }

This works for me.

Hi!

I can't reproduce your problem, below is my example and everything works as it should:

<div class="container">
  <div class="row">
    <div class="col-md-6 py-6">
      <mdb-date-picker
        name="expiryDate"
        [options]="myDatePickerOptions"
        [placeholder]="'Selected date'"
        [(ngModel)]="user.ExpiryDate"
        required
      ></mdb-date-picker>
    </div>
    <div class="col-md-6 py-5">{{ user.ExpiryDate }}</div>
  </div>
</div>

TS

  public myDatePickerOptions: IMyOptions = {
    // Your options
    dateFormat: 'dd/mm/yyyy',
  };
  user = {
    ExpiryDate: '22/01/2012',
  };

Could you tell me which version of MDB are you using?

Best Regards, Bartosz.