Angular: Datum als String für Input Type Date
In Angular Material + HTML5 kann man ein Input vom Type Date zum automatischen Anzeigen eines Kalender Controls bei Datumswerten verwenden.
Das Input Type=Date wird als String zugewiesen und gelesen
wie hier: "2021-01-20"
Umwandlung JSON / Angular Date zu input Type Date
//*convert Iso-Date-Time to Javascript Date: 2021-01-20T08:00:00 this.sDateStart= this.get_Date_String_from_Date(this.dtStart); |
Umrechnung JSON / Angular Date zu input Type Date
get_Date_String_from_Date( dtDate:Date ) : String { //----< get_Date_String_from_Date() >---- //*convert TypeScript Date: 2021-01-20T08:00:00 to Time-String "08:00" let sDateTime : string = dtDate.toString(); let sDate: String = sDateTime.substr(0,sDateTime.indexOf("T"));
return sDate; //----</ get_Date_String_from_Date() >---- } |
Für die Angular->component.html Ausgabe
<mat-form-field style="width:130px;"> <mat-label>Date</mat-label> <input type="date" name="ctlsDateStart" matInput [(ngModel)]="sDateStart" > </mat-form-field>
|