JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<TABLE id="data" class="dd" style="">
<TR>
<td style="">
<input type="text" name="task1" id="task1" value="" /></td><td style="">
<input type="text" name="Description1" id="Description1" value="" /></td><td style="width: 160px;">
<input type="text" class="one datepicker" name="Internal_Deadline1" id="Internal_Deadline1" value="" /></td><td><input type="text" class="two datepicker" name="Client_Deadline1" id="Client_Deadline1" value="" /></td><td style="">
<input type="text" class="datepicker" name="Actual_Deadline1" id="Actual_Deadline1" value="" /></td><td style="width: 83px;"></td></tr>
<input type="hidden" id="items" name="items" value="1" />
<input type="button" value="add" id="addnew" />
</TABLE>
</form>
JavaScript
$(function () {
$('.one').datepicker({
onSelect: function(date){
var date2 = $('.one').datepicker('getDate');
console.log(date2.getUTCDay());
if(date2.getUTCDay() == 4)
date2.setDate(date2.getDate()+3);
else
date2.setDate(date2.getDate()+1);
$('.two').datepicker('setDate', date2);
},
beforeShowDay: $.datepicker.noWeekends
})
$('.two').datepicker({beforeShowDay: $.datepicker.noWeekends})
});
$(document).ready(function() {
var currentItem = 1;
$('#addnew').click(function(){
currentItem++;
$('#items').val(currentItem);
var strToAdd = '<tr><td style=""><input type="text" name="task'+currentItem+'" id="task'+currentItem+'" value="" /></td><td style=""><input type="text" name="Description'+currentItem+'" id="Description'+currentItem+'" value="" /></td><td style="width: 160px;"><input type="text" class="onedatepicker_'+currentItem+'" name="Internal_Deadline'+currentItem+'" id="Internal_Deadline'+currentItem+'" /></td><td style=""><input type="text" class="twodatepicker_'+currentItem+'" name="Client_Deadline'+currentItem+'" id="Client_Deadline'+currentItem+'" /></td><td style=""><input type="text" class="datepicker" name="Actual_Deadline'+currentItem+'" id="Actual_Deadline'+currentItem+'" /></td><td style="width:83px;"></td></tr>';
$('#data').append(strToAdd);
$(".onedatepicker_"+currentItem).datepicker({ onSelect: function(date){
var date2 = $('.onedatepicker_'+currentItem).datepicker('getDate');
console.log(date2.getUTCDay());
if(date2.getUTCDay() == 4)
date2.setDate(date2.getDate()+3);
else
date2.setDate(date2.getDate()+1);
$('.twodatepicker_'+currentItem).datepicker('setDate', date2);
},beforeShowDay: $.datepicker.noWeekends});
$('.twodatepicker_'+currentItem).datepicker({beforeShowDay: $.datepicker.noWeekends})
});
});