|
@@ -112,7 +112,7 @@ styles=[ '../common/formCommon.css' ,'../timeSelector/TimeSelector.css' ]>
|
|
|
<span>请假时间信息</span>
|
|
|
</div>
|
|
|
<div class="form-btn">
|
|
|
- <div>
|
|
|
+ <div id="addData">
|
|
|
<img src="/imgs/addIcon.png" alt="">
|
|
|
<span>新增</span>
|
|
|
</div>
|
|
@@ -120,89 +120,18 @@ styles=[ '../common/formCommon.css' ,'../timeSelector/TimeSelector.css' ]>
|
|
|
</div>
|
|
|
<div class="qjsjxx-box">
|
|
|
<table class="form-table-info">
|
|
|
- <tr>
|
|
|
- <td>序号</td>
|
|
|
- <td style="width: 30%;">起始时间</td>
|
|
|
- <td style="width: 30%;">截止时间</td>
|
|
|
- <td>备注</td>
|
|
|
- <td>操作</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td> 1</td>
|
|
|
- <td>
|
|
|
- <div class="form-flex">
|
|
|
- <div class="form-item" style="width: 50%;margin-right: 5px;">
|
|
|
- <div class="z-comp-date" name="LeaveTimeDO[0]$startTime">
|
|
|
- <input type="text" value="2015-05-03">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange1">
|
|
|
- </div>
|
|
|
- <span class="nbsp"> - </span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="form-flex">
|
|
|
- <div class="form-item" style="width: 50%;margin-right: 5px;">
|
|
|
- <div class="z-comp-date" name="LeaveTimeDO[0]$endTime">
|
|
|
- <input type="text" value="2015-05-03">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange2">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="form-item">
|
|
|
- <div class="z-comp-input" name="LeaveTimeDO[0]$bz1">
|
|
|
- <input type="text" value="111111">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="table-btn">
|
|
|
- <span>删除</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td> 2</td>
|
|
|
- <td>
|
|
|
- <div class="form-flex">
|
|
|
- <div class="form-item" style="width: 50%;margin-right: 5px;">
|
|
|
- <div class="z-comp-date" name="LeaveTimeDO[1]$startTime">
|
|
|
- <input type="text" value="2023-05-03">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange1">
|
|
|
- </div>
|
|
|
- <span class="nbsp"> - </span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="form-flex">
|
|
|
- <div class="form-item" style="width: 50%;margin-right: 5px;">
|
|
|
- <div class="z-comp-date" name="LeaveTimeDO[1]$endTime">
|
|
|
- <input type="text" value="2023-05-03">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange2">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="form-item">
|
|
|
- <div class="z-comp-input" name="LeaveTimeDO[1]$bz1">
|
|
|
- <input type="text" value="2222">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <div class="table-btn">
|
|
|
- <span>删除</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <td>序号</td>
|
|
|
+ <td style="width: 30%;">起始时间</td>
|
|
|
+ <td style="width: 30%;">截止时间</td>
|
|
|
+ <td>备注</td>
|
|
|
+ <td>操作</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="testTbody">
|
|
|
+
|
|
|
+ </tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -210,16 +139,74 @@ styles=[ '../common/formCommon.css' ,'../timeSelector/TimeSelector.css' ]>
|
|
|
<script language="javascript">
|
|
|
;
|
|
|
(function () {
|
|
|
- timeSelector({
|
|
|
- ele: ".dateTimeRange1",
|
|
|
- callback: function (val) {
|
|
|
+
|
|
|
+ $("#addData").click(function(){
|
|
|
+ alert(1)
|
|
|
+ var obj = {
|
|
|
+ startTime: '',
|
|
|
+ startDate: '',
|
|
|
+ endTime: '',
|
|
|
+ endDate: '',
|
|
|
+ bz: ''
|
|
|
}
|
|
|
- })
|
|
|
- timeSelector({
|
|
|
- ele: ".dateTimeRange2",
|
|
|
- callback: function (val) {
|
|
|
+ var tbodyDom = $("#testTbody");
|
|
|
+ var arr = [];
|
|
|
+ arr.push(obj);
|
|
|
+ for(var i = 0; i < arr.length; i++){
|
|
|
+ tbodyDom.appendChild(generateTableTrHtml(arr[i], i));
|
|
|
+
|
|
|
+ timeSelector({
|
|
|
+ ele: '.dateTimeRange'+(i+1)
|
|
|
+ callback: function (val) {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ timeSelector({
|
|
|
+ ele: '.dateTimeRange'+(i+1)+'_2'
|
|
|
+ callback: function (val) {
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
})
|
|
|
+ function generateTableTrHtml(data,index){
|
|
|
+ var trDom = document.createElement("tr");
|
|
|
+ trDom.innerHTML = '<td>'+(index+1)+'</td>'
|
|
|
+ +'<td>'
|
|
|
+ +'<div class="form-flex">'
|
|
|
+ +'<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ +'<div class="z-comp-date" name="LeaveTimeDO['+index+']$startTime">'
|
|
|
+ +'<input type="text" value="2015-05-03">'
|
|
|
+ +'</div>'
|
|
|
+ +'</div>'
|
|
|
+ +'<div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange'+(index+1)+'">'
|
|
|
+ +'</div>'
|
|
|
+ +'<span class="nbsp"> - </span>'
|
|
|
+ +'</div>'
|
|
|
+ +'</td>'
|
|
|
+ +'<td>'
|
|
|
+ +'<div class="form-flex">'
|
|
|
+ +'<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ +'<div class="z-comp-date" name="LeaveTimeDO['+index+']$endTime">'
|
|
|
+ +'<input type="text" value="2015-05-03">'
|
|
|
+ +'</div>'
|
|
|
+ +'</div>'
|
|
|
+ +'<div style="width: 50%;margin-left: 5px;" class="dateTimeRange dateTimeRange'+(index+1)+'_2">'
|
|
|
+ +'</div>'
|
|
|
+ +'</div>'
|
|
|
+ +'</td>'
|
|
|
+ +'<td>'
|
|
|
+ +'<div class="form-item">'
|
|
|
+ +'<div class="z-comp-input" name="LeaveTimeDO[0]$bz1">'
|
|
|
+ +'<input type="text" value="111111">'
|
|
|
+ +'</div>'
|
|
|
+ +'</div>'
|
|
|
+ +'</td>'
|
|
|
+ +'<td>'
|
|
|
+ +'<div class="table-btn" data-index="'+(index)+''">'
|
|
|
+ +'<span>删除</span>'
|
|
|
+ +'</div>'
|
|
|
+ +'</td>';
|
|
|
+ return trDom;
|
|
|
+ }
|
|
|
})();
|
|
|
</script>
|
|
|
<style type="text/css">
|