JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

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

JavaScript

document.getElementById('parseButton').onclick = function() {
var dayNames = ["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Fritag","Samstag"],
    mthNames = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dez"];
    
    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;
}