Клонирование средства выбора времени и даты

Прочитав все темы по этому поводу, я не смог найти своего решения.

У меня есть поле 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>

Я хотел бы добавить кнопку «добавить день», которая будет дублировать этот блок, но увеличить идентификатор И селектор выбора времени, чтобы позволить мне иметь разные значения для каждого поля. Я попробовал relCopy и другие плагины jQuery, пока безуспешно. Я знаю, что близок к решению, но я недостаточно хорош в js, чтобы точно знать, что я делаю.

Любая помощь приветствуется!

заранее спасибо


person El Manu    schedule 17.01.2014    source источник


Ответы (1)


Во-первых, небольшое предложение: я бы сохранил весь ваш javascript в конце HTML-файла.

Для вашего решения я бы посмотрел на AngularJS. Я использую это в течение нескольких лет, и это делает привязку данных и шаблоны HTML очень простыми.

person apohl    schedule 17.01.2014