JSFiddle - React, Tailwind, and code Playground

by adrianlynch

HTML

<div class="repeatgroup sortablegroup ui-sortable"><fieldset id="event_1" class="repeat"><legend>Date and Time <span class="collapse">[-]</span></legend><div id="event_1_h" class="wrapper">
				<p><label for="event_eventdate_1">Date and Time</label><input type="text" id="event_eventdate_1" data-spring-plugin="datetimepicker" name="event[1][eventdate]" class="readonly text small hasDatepicker" readonly="readonly" value=""><img class="ui-datepicker-trigger" src="/images/icon-calendar-18-14-000000-50.png" alt="..." title="..."><a class="clear" href="javascript:;">clear</a></p>
				
			
				</div><a href="#" class="repeatlink" title="Repeats the field or field group."><span>Add a row</span></a></fieldset><fieldset id="event_2" class="removeable"><legend>Date and Time <span class="collapse">[-]</span></legend><div id="event_1_h" class="wrapper">
				<p><label>Date and Time</label><input type="text" id="event_eventdate_2" data-spring-plugin="datetimepicker" name="event[2][eventdate]" class="readonly text small hasDatepicker" readonly="readonly" value=""><img class="ui-datepicker-trigger" src="/images/icon-calendar-18-14-000000-50.png" alt="..." title="..."><a class="clear" href="javascript:;">clear</a></p>
				
			
				</div><a href="#" class="removelink" title="Removes the field or field group."><span>Remove row</span></a></fieldset></div>

JavaScript

$("*[data-spring-plugin='datetimepicker']").each(function(){
		console.log($(this).attr('id'));
		makeTimePicker($(this));
	});