JSFiddle - React, Tailwind, and code Playground

by steven keezer

HTML

<h2>Select a Date in first TextBox. Then click the Button to see how 3 days is added to this Date and shown in "Follow Date" TextBox.</h2>

<p>Date:
    <input id="txtDate" type="text" />
</p>
<p>
    <input type="button" onclick="getdate()" value="Fill Follow Date" />
</p>
<p>Follow Date:
    <input id="follow_Date" type="text" />
</p>

JavaScript

$(document).ready(function () {
    $('#txtDate').datepicker();
    $('#follow_Date').datepicker();
});

function getdate() {
    var tt = document.getElementById('txtDate').value;

    var date = new Date(tt);
    var newdate = new Date(date);

    newdate.setDate(newdate.getDate() + 700);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();

    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}