2014-01-17 62 views
0

在阅读了所有关于它的主题之后,我找不到我的解决方案。克隆一个timepicker和datepicker

我有一个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知道我在做什么..

任何帮助,欢迎!

在此先感谢

回答

0

首先,快速的建议:我会保留所有的在JavaScript的HTML文件的末尾。我想看看AngularJS。我已经使用了几年,它使数据绑定和HTML模板非常简单。