一个jq追加的例子

		//追加一个
		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事件,在页面加載完执行,并且只执行一次

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

终极之旅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值