0

在阅读了所有关于它的主题后，我找不到我的解决方案。

我有一个要克隆的日期选择器和 2 个时间选择器字段。这些是声明可以持续数天的干预（日期、开始时间、结束时间）。

我不想从新行的第一行复制值，但我需要所有字段具有不同的 id 才能将其存储在数据库中。

示例：

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 方面还不够好，无法知道我在做什么。

欢迎任何帮助！

提前致谢

4

1 回答 1

0

首先，一个快速的建议：我会将您所有的 javascript 保留在 HTML 文件的末尾。

对于您的解决方案，我会研究AngularJS。我已经使用它几年了，它使数据绑定和 HTML 模板变得非常简单。

于 2014-01-17T16:16:14.747 回答