js 自动添加日期
2016-09-18 08:35
204 查看
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<html>
<body>
<script type="text/javascript">
function toAddProNum(){
alert(11111111);
var trHtml = '<tr>'+
'<td>* 服务开始时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
'<td>* 服务结束时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
+' <input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />'+
'</tr>';
alert(trHtml);
$("#teamAirTicketData tr").last().after(trHtml);
//$("#teamAirTicketData tr").last().after(trHtml);
}
function toRemoveProNum(){
alert("remove");
$("#teamAirTicketData tr").last().remove();
}
</script>
<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">
<tr>
<th colspan="4"> 产品信息</th>
</tr>
<tr>
<td width="10%">* 产品名称</td>
<td width="40%">
<input type="text" name="title" id="title" style="width:60%;">
</td>
<td>* 业务细类</td>
<td>${singleExCt }</td>
</tr>
<tr>
<td>* 目的地</td>
<td>${ schContinent }</td>
<td width="10%"> 零售价</td>
<td>
<input type="text" name="priceRetail" id="priceRetail" value="0" style="width:14%;" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
onFocus="setTextOptimisedFocus('priceRetail');" onBlur="setTextOptimisedBlur('priceRetail');"><span class="font_gray"> 只可填写数字</span>
</td>
</tr>
<tr id="information1" >
<td> 出发地</td>
<td>${ schPlaceLeave }
</td>
<td> 返回地</td>
<td>${ schPlaceReturn }
</td>
</tr>
<!--
<tr id="information2" colspan="4">
<td width="10%">批量日期设定</td>
<td>
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<span class="font_red">商品最大数量为:10</span>
</td>
</tr>
-->
<tr id="information2" colspan="4">
<td>* 服务开始时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
</td>
<td>* 服务结束时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<input type="button" name="btnAdd" id="btnAdd" value=" - " class="btn_info" onclick="toRemoveProNum();" />
</td>
</tr>
</tr>
<tr id="information3" >
<td>* 预售数</td>
<td>
<input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" onkeyup="this.value=this.value.replace(/\D/g,'')"
onFocus="setTextOptimisedFocus('numPlan');" onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray"> 只可填写数字</span>
</td>
<td> 航空公司</td>
<td>${schAirLine }</td>
</tr>
</table>
<table width="100%" border="1" id="teamAirTicketData">
<tr></tr>
</table>
</body>
</html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<html>
<body>
<script type="text/javascript">
function toAddProNum(){
alert(11111111);
var trHtml = '<tr>'+
'<td>* 服务开始时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
'<td>* 服务结束时间</td>'+
'<td><input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'+'2016-04-01'+'})"></td>'+
+' <input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />'+
'</tr>';
alert(trHtml);
$("#teamAirTicketData tr").last().after(trHtml);
//$("#teamAirTicketData tr").last().after(trHtml);
}
function toRemoveProNum(){
alert("remove");
$("#teamAirTicketData tr").last().remove();
}
</script>
<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">
<tr>
<th colspan="4"> 产品信息</th>
</tr>
<tr>
<td width="10%">* 产品名称</td>
<td width="40%">
<input type="text" name="title" id="title" style="width:60%;">
</td>
<td>* 业务细类</td>
<td>${singleExCt }</td>
</tr>
<tr>
<td>* 目的地</td>
<td>${ schContinent }</td>
<td width="10%"> 零售价</td>
<td>
<input type="text" name="priceRetail" id="priceRetail" value="0" style="width:14%;" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
onFocus="setTextOptimisedFocus('priceRetail');" onBlur="setTextOptimisedBlur('priceRetail');"><span class="font_gray"> 只可填写数字</span>
</td>
</tr>
<tr id="information1" >
<td> 出发地</td>
<td>${ schPlaceLeave }
</td>
<td> 返回地</td>
<td>${ schPlaceReturn }
</td>
</tr>
<!--
<tr id="information2" colspan="4">
<td width="10%">批量日期设定</td>
<td>
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<span class="font_red">商品最大数量为:10</span>
</td>
</tr>
-->
<tr id="information2" colspan="4">
<td>* 服务开始时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
</td>
<td>* 服务结束时间</td>
<td>
<input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">
<input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="toAddProNum();" />
<input type="button" name="btnAdd" id="btnAdd" value=" - " class="btn_info" onclick="toRemoveProNum();" />
</td>
</tr>
</tr>
<tr id="information3" >
<td>* 预售数</td>
<td>
<input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" onkeyup="this.value=this.value.replace(/\D/g,'')"
onFocus="setTextOptimisedFocus('numPlan');" onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray"> 只可填写数字</span>
</td>
<td> 航空公司</td>
<td>${schAirLine }</td>
</tr>
</table>
<table width="100%" border="1" id="teamAirTicketData">
<tr></tr>
</table>
</body>
</html>
相关文章推荐
- [JS]根据格式字符串分析日期(MM与自动匹配两位的09和一位的9),货币分析成浮点数
- 一个不错的自动添加日期的控件
- 发布Hourlog 0.02版: 给日期添加JSCalendar功能
- jquery实现网页自动添加必填项图标和日期自动填充
- jsp中c:forEach自动添加序号和日期格式的设置
- 一个js日期选择器。当光标移到文本框时。自动会在文本框的底部显示出来。
- js 自动添加select option的值
- .NET中用弹出窗口添加或修改一个页面,当添加或修改相关内容后按下提交按钮自动刷新页面的JS代码
- 复制网站文章内容时自动添加版权信息的JS代码
- 在js中为table自动添加和删除一行 (IE和firefox兼容)
- 一个不错的自动添加日期的控件
- 自动格式化日期js
- 随日期每天自动变换的文本的js特效
- JS日期操作,自动计算n年后、n月后、n天后的日期
- 用JS实现自动提取身份证的出生日期
- js自动加载日期类
- 随日期每天自动变换的文本的js特效
- javascript(js)动态添加日期时间下拉框菜单
- 很漂亮、兼容火狐的Js日期选择,自动填充到输入框
- js实现自动生成日期calendar.js