После прочтения всех предметов по этому вопросу я не смог найти решение.Cloning the timepicker and datepicker
У меня есть datepicker и 2 поля timepickers, которые я хотел бы клонировать. Это заявка на вмешательство (дата, время начала, время окончания), которое может длиться несколько дней.
Я не хочу копировать значения из первой строки в новой, но мне нужно, чтобы все поля имели другой идентификатор, чтобы хранить его в базе данных.
Пример:
day 1 : 12-12-2013
Start time 1 : 08:30
End time 2 : 17:30
day 2 : 14-12-2013
Start time 1 : 09:30
End time 2 : 14:30
Мой код для полей заключается в следующем:
<input type="text" size=10 name="RCFSRdate[]" id="RCFSRdate" value="<?php echo $RCFSR_date; ?>" />
<script type="text/javascript" >
$('.RCFSRdate').datepicker({dateFormat: 'yy-mm-dd'});
</script>
<input type="text" size=5 name="RCFSRstarttime" id="starttime" value="<?php echo $RCFSR_starttime; ?>" />
<script type="text/javascript">
$('#starttime').timepicker({
minuteGrid: 30,
stepMinute: 30,
timeSeparator: 'h'
});
</script>
<input type="text" size=5 name="RCFSRendtime" id="endtime" value="<?php echo $RCFSR_endtime; ?>" />
<script type="text/javascript">
$('#endtime').timepicker({
minuteGrid: 30,
stepMinute: 30,
timeSeparator: 'h'
});
</script>
Я хотел бы добавить кнопку «добавить день», который будет дублировать этот блок, но увеличивая id и селектор timepicker, чтобы я мог иметь разные значения для каждого поля. Я пробовал relCopy и другие jQuery плагины без успеха на данный момент. Я знаю, что я близок к решению, но я недостаточно хорош в js, чтобы узнать, что я делаю точно.
Любая помощь приветствуется!
Заранее спасибо