Danushka96/modDate.html

## modDate.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <input type="date" id="inDate"><br><br>
    <input type="text" id="outDate">
    <div id="output"></div>

    <script type="text/javascript">
        Date.prototype.addDays = function(d) {
            this.setDate(this.getDate() + d);
            return this;
        };
        var inputDate = document.getElementById('inDate');
        var outDate = document.getElementById('outDate');
        var inDateValue = inputDate.value;
        inputDate.onchange = function(event) {
            var d = new Date(this.value)
            var dd = d.getDate();
            var mm = d.getMonth() + 2; //January is 0!
            var yyyy = d.getFullYear();
            // var newDate = yyyy + '-' + mm + '-' + dd;
            var newDate = dd + '/' + mm + '/' + yyyy;
            outDate.value = newDate;
        }
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>

	<body>
	<input type="date" id="inDate"><br><br>
	<input type="text" id="outDate">
	<div id="output"></div>

	<script type="text/javascript">
	Date.prototype.addDays = function(d) {
	this.setDate(this.getDate() + d);
	return this;
	};
	var inputDate = document.getElementById('inDate');
	var outDate = document.getElementById('outDate');
	var inDateValue = inputDate.value;
	inputDate.onchange = function(event) {
	var d = new Date(this.value)
	var dd = d.getDate();
	var mm = d.getMonth() + 2; //January is 0!
	var yyyy = d.getFullYear();
	// var newDate = yyyy + '-' + mm + '-' + dd;
	var newDate = dd + '/' + mm + '/' + yyyy;
	outDate.value = newDate;
	}
	</script>
	</body>

	</html>