克隆时间选择器和日期选择器答案

【问题标题】：Cloning a timepicker and datepicker克隆时间选择器和日期选择器
【发布时间】：2014-02-07 01:18:42
【问题描述】：

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

我有一个要克隆的日期选择器和 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 方面还不够好，无法知道我在做什么......

欢迎任何帮助！

提前致谢

【问题讨论】：

标签： jquery datepicker clone timepicker cloneable

【解决方案1】：

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

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

【讨论】：