JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<input id="dateInput" type="date"/>
<button id="parseButton">go</button>
<div id="output"></div>

JavaScript

document.getElementById('parseButton').onclick = function () {
    var dayNames = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Fritag", "Samstag"],
        mthNames = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];

    var enteredDate = document.getElementById('dateInput').valueAsDate;
    var dayIndex = enteredDate.getUTCDay(),
        monthIndex = enteredDate.getMonth();
    var result = "am " + dayNames[dayIndex] + " der " + enteredDate.getDate() + " " + mthNames[monthIndex] + ' ' + enteredDate.getFullYear();
    document.getElementById('output').innerHTML = result;
}