How to bind string value in angular datepicker inputbox?

Haridhass Mani

I am trying the Angular Material Date picker input box and am type for DD/MMM/YYYY Or MMM/YYYY Or (any string value) require the user to click on button am get (any string value) and assign date picker input box.

Datepiker() {

this.mainForm.get(this.formgroupName).get('Completion').setValue("Provide");

}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
In your module, import MAT_DATE_LOCALE and add it to providers:
import { MAT_DATE_LOCALE } from '@angular/material/core'

@NgModule({
  declarations: [...],
  imports: [...],
  exports: [...],
  providers: [
    { provide: MAT_DATE_LOCALE, useValue: 'en-GB' }
  ]
})
```
other solutions are
https://stackoverflow.com/questions/55721254/how-to-change-mat-datepicker-date-format-to-dd-mm-yyyy-in-simplest-way/55748743
```
Haridhass Mani5y ago
i need store the stirng data
Kiran Mohanty5y ago
Date picker control always accepts date in proper format. If you wish to display any custom text, you can add it to the placeholder instead.