Datepicker set value programmatically

value = new Date(2020, 5, 20);

<mdb-form-control>
  <input
    mdbInput
    [mdbDatepicker]="datepicker"
    type="text"
    class="form-control"
    id="datepicker"
  />
  <label mdbLabel for="datepicker" class="form-label">Select a date</label>
  <mdb-datepicker-toggle [mdbDatepicker]="datepicker"></mdb-datepicker-toggle>
  <mdb-datepicker [startDate]="value" #datepicker></mdb-datepicker>
</mdb-form-control>

Life.appadmin commented 3 years ago

This is the only default value. This is not shown as a selected date. because the text field is empty even use this default value.

---

Arkadiusz Idzikowski staff commented 3 years ago

@Life.appadmin In this case your solution was correct (assuming you attached formControlName directive to the datepicker input element). You just need to make sure that the response.DateValue is in js date object format, for example: setValue(new Date(2021, 10, 15))

---