//追加一个
var count=0;
function addOne(){
count++;
var str1='οnfοcus="WdatePicker({dateFmt:\'H:mm:ss\'';
var str2=',minDate:\'#F{$dp.$D('+'\\'+'\'startT'+count+'\\'+'\')||'+'\\'+'\'00:00:00'+'\\'+'\'}\',maxDate:\'#F{$dp.$D('+'\\'+'\'endtime'+count+'\\'+'\')||$dp.$D('+'\\'+'\'deadLineT'+count+'\\'+'\')}\'})" ';
var str3='οnclick="WdatePicker({dateFmt:\'H:mm:ss\'';
var str4=',minDate:\'#F{$dp.$D('+'\\'+'\'time'+count+'\\'+'\')||$dp.$D('+'\\'+'\'startT'+count+'\\'+'\')}\',maxDate:\'#F{$dp.$D('+'\\'+'\'deadLineT'+count+'\\'+'\')||'+'\\'+'\'23:59:59'+'\\'+'\'}\'})" ';
var html='<div id="disT'+count+
'" data-type="date-list" style="margin-top:30px;">'+
'<div class="form-group" id="bt'+count+'">'+
'<label class="col-xs-2 col-sm-2 col-xs-offset-1 col-sm-offset-1 control-label">'+
'<font color="red">*</font>时间范围:</label>'+
'<div class="col-sm-6 col-xs-6" style="width:120px;">'+
'<input id="startT'+count+'" style="display:none;" value="" />'+
'<input id="deadLineT'+count+'" style="display:none;" value="" />'+
'<input id="time'+count+'" name="startDate" type="text" readonly="readonly"'+
' maxlength="20" class="form-control Wdate " '+str1+str2+'/>'+
'</div></div><div class="form-group" id="et'+count+'">'+
'<label class="col-xs-2 col-sm-2 col-xs-offset-1 col-sm-offset-1 control-label" style="margin-top:-10px;">'+
'<font color="red">*</font>至:</label>'+
'<div class="col-sm-6 col-xs-6" style="width:120px;margin-top:-10px;">'+
'<input id="endtime'+count+'" name="deadLine" type="text" readonly="readonly" maxlength="20" class="form-control Wdate " '+str3+str4+
'/> '+
'</div><a href="javascript:;" οnclick="removeOne(this);">-点击移除一组时间范围</a>'+
'</div></div>';
var name = $('div[data-type="date-list"]:last').after(html);
}
//移除一个
function removeOne(obj) {
$(obj).parent().parent().remove();
}
原有:
<div id="disT" data-type="date-list">
<div class="form-group" id="bt">
<label
class="col-xs-2 col-sm-2 col-xs-offset-1 col-sm-offset-1 control-label"><font
color="red">*</font>时间范围:</label>
<div class="col-sm-6 col-xs-6" style="width:120px;">
<input id="startT" style="display:none;" value="" /> <input
id="deadLineT" style="display:none;" value="" /> <input
id="time" name="startDate" type="text" readonly="readonly"
maxlength="20" class="form-control Wdate " value=""
onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'#F{$dp.$D(\'startT\')||\'00:00:00\'}',maxDate:'#F{$dp.$D(\'endtime\')||$dp.$D(\'deadLineT\')}'})" />
</div>
</div>
<div class="form-group" id="et">
<label
class="col-xs-2 col-sm-2 col-xs-offset-1 col-sm-offset-1 control-label"
style="margin-top:-10px;"><font color="red">*</font>至:</label>
<div class="col-sm-6 col-xs-6"
style="width:120px;margin-top:-10px;">
<input id="endtime" name="deadLine" type="text"
readonly="readonly" maxlength="20" class="form-control Wdate "
value=""
onclick="WdatePicker({dateFmt:'H:mm:ss',minDate:'#F{$dp.$D(\'time\')||$dp.$D(\'startT5\')}',maxDate:'#F{$dp.$D(\'deadLineT\')||\'23:59:59\'}'})" />
</div>
<a href="javascript:;" onclick="addOne();">+点击添加一组时间范围</a>
</div>
</div>
windows.onload事件,在页面加載完执行,并且只执行一次