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>
|