js 自動新增日期
阿新 • • 發佈:2019-02-18
<!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>