JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<div class="root">
    <button class="repeat">..again..</button>
    <div><input type="text" class="date" /></div>
    <div class="last"><input type="text" class="date" /></div>
</div>

JavaScript

$('.repeat').bind('click', function(){
        var parentEl = $(this).parents('.root');
        var lastRow = jQuery.makeArray($(parentEl).find('.last'));
        var newRow = $(lastRow).clone(false, false);
        $(lastRow).removeClass('last');
        $(newRow).addClass('last');
        $('.root').append(newRow);
    
newRow.find('.date').each(function() {
        $(this).removeAttr('id').removeClass('hasDatepicker');
        $('.date').datepicker({dateFormat: 'dd-mm-yy', changeYear: true, yearRange: '1970:2010'});
});
});

$('.date').datepicker({dateFormat: 'dd-mm-yy', changeYear: true, yearRange: '1970:2010'});