jQuery Date Picker Input Date Format
http://stackoverflow.com/questions/11104933/jquery-date-picker-input-date-format
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css">
<div id="div">
</div>
JavaScript
$( function() {
data = [
{id:1, datefrom:"22-06-2021", dateto:"22-07-2021"},
{id:2, datefrom:"15-07-2021", dateto:"15-07-202"},
{id:3, datefrom:"12-06-2021", dateto:"12-07-2021"},
{id:4, datefrom:"17-06-2021", dateto:"17-07-2021"}
];
var html = "";
$(data).each(function(i, v) {
html += '<tr>';
html += '<td>';
html +='<input data-othervalue="' +v.id+ '" id="pendingactmanagerdomainformfromdate' +v.id+ '" tabindex="3" required class="form-control input-lg pendingactmanagerdomainformfromdate" name="actmanagerdomainformfromdate[]" value="'+v.datefrom+'" type="text" readonly />';
html += '</td>';
html += '<td>';
html +='<input data-othervalue="' +v.id+ '" id="pendingactmanagerdomainformtodate' +v.id+ '" tabindex="3" required class="form-control input-lg pendingactmanagerdomainformfromdate" name="actmanagerdomainformfromdate[]" value="'+v.dateto+'" type="text" readonly />';
html += '</td>';
html += '</tr>';
$("#div").html(html);
$('#pendingactmanagerdomainformfromdate'+v.id).datepicker({
dateFormat: 'dd-mm-yy',
minDate: new Date(),
maxDate: $("#pendingactmanagerdomainformtodate"+v.id).val(),//cannot be more than to date
onSelect: function(dateText) {
$("#pendingactmanagerdomainformtodate"+v.id).datepicker("option", "minDate", selected);
}
});
$('#pendingactmanagerdomainformtodate'+v.id).datepicker({
dateFormat: 'dd-mm-yy',
minDate: $("#pendingactmanagerdomainformfromdate"+v.id).val(),
onSelect: function(dateText) {
$("#pendingactmanagerdomainformfromdate"+v.id).datepicker("option", "maxDate", selected);
}
});
});
});