JSFiddle - React, Tailwind, and code Playground

HTML

<label for="Day">Day:</label>
<input type="text" name="Day" id="Day" value="" size="5"><br>

<label for="Month">Month:</label>
<input type="text" name="Month" id="Month" value="" size="5"><br>

<label for="Year">Year:</label>
<input type="text" name="Year" id="Year" value="" size="5"><br>

<label for="Date">Date:</label>
<input type="text" name="Date" id="Date" value="" size="10"><br>

CSS

label {display: inline-block; width: 7em;} 
input {margin: 0 0 10px 0}

JavaScript

var nowDate		= new Date();
var nowDay		= ((nowDate.getDate().toString().length) == 1) ? '0'+(nowDate.getDate()) : (nowDate.getDate());
var nowMonth	= ((nowDate.getMonth().toString().length) == 1) ? '0'+(nowDate.getMonth()+1) : (nowDate.getMonth()+1);
var nowYear		= nowDate.getFullYear();
var formatDate	= nowDay + "." + nowMonth + "." + nowYear;



$(document).ready(function() {
	$('#Day').val(nowDay);
	$('#Month').val(nowMonth);
	$('#Year').val(nowYear);
	$('#Date').val(formatDate);
});