Question

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

我有一个datepicker和2个timepickers字段，我想克隆。那些是宣布可以持续数天的干预（日期，开始时间，结束时间）。

我不想复制新版本中第一行的值，但我需要所有字段都有不同的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和时间戳选择器以允许我为每个字段设置不同的值。我尝试了 relCopy 和其他 jQuery 插件暂时没有成功。我知道我接近解决方案，但我在js中不够好，不知道我在做什么......

欢迎任何帮助！

提前致谢

Answer 1

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

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

克隆timepicker和datepicker

1 个答案: