how to display date in HTML Date control using angular 13

766 Views Asked by At

While performing the edit operation using angular 13, I'm using HTML input type date. When fetching a date from the database, it is not showing the date in the textbox. Kindly help me.
update-movie.component.html

      <div class="mb-2">
        <label>Release Date</label>
        <input type="date" name="releaseDate" class="form-control" [(ngModel)]="movieService.movieData.releaseDate"
          #releaseDate="ngModel" [value]=movieService.movieData.releaseDate required
          [class.is-invalid]="releaseDate.invalid && releaseDate.touched">
      </div>```
1

There are 1 best solutions below

0
On

I found the answer, instead of [value] I used [ngModel] and applied date pipe.

        <label>Release Date</label>
        <input type="date" name="releaseDate" class="form-control" [(ngModel)]="movieService.movieData.releaseDate"
          #releaseDate="ngModel" [ngModel]="movieService.movieData.releaseDate | date : 'yyyy-MM-dd'" required
          [class.is-invalid]="releaseDate.invalid && releaseDate.touched">
      </div>