前端东西不熟,出了问题搞不定了。本来是想做个记录解决日志的东西,如图:
在每添加一行的时候时间插件框初始化一次
第一个没问题,后来添加的每一行,都会自动跳出时间让选择,第一时间没选择,点了其它地方,第二次就选择不了了。
第一行随时可以选择时间,第二行已经不能选择了,只能在增加一行的时候第一时间选择时间。
情况是这么个情况,代码如下:
//解决日志 function solveLog(id) { $.openWin({ title: '记录解决日志', content: $("#riskHandleKeepLog"), area : [ '950px', '500px' ], yes: function(index, layero) { submitLog(index, id); } }); httpservice.ajaxEnt.doGet({ endpoint: "/risk/handle/getHistoryLog", data: { "id" : id }, success: function(data) { var str = ""; for (var i = 0; i < data.length; i++) { str += "<tr><td>"+ data[i].operate +"</td><td>"+(new Date(data[i].operateDate).Format('yyyy-MM-dd'))+"</td><td>"+ data[i].remark +"</td></tr>"; } $("#riskHandleHistoryTb").html(str); $("#riskHandleNewLogTb").empty(); addRow(); } }); }
//新增一行 function addRow() { var curNum = getNum(); var str = $("<tr class='newRow'><td><select style='height: 34px' class='state'><option value='0'>接收</option><option value='1'>核实中</option>" + "<option value='2'>解决中</option><option value='3'>解决</option></select></td>" + "<td><input name='logSubmitDate' id='logSubmitDate_" + curNum +"' type='text' class='form-control date-icon logSubmitDate " + "form-search input-md col-md-3 jcondition2' readonly='readonly'/></td>" + "<td><input type='text' name='desc' class='desc' style='height: 34px'/></td>" + "<td><input type='button' value='+' style='width: 20px' class='btn green btn-xs' onclick='handle.addRow()'/> " + "<input type='button' value='-' style='width: 20px' class='btn green btn-xs' onclick='handle.delRow(this)'/></td></tr>"); $("#riskHandleNewLogTb").append(str); var logSubmitDate = { elem : '#logSubmitDate_'+curNum, format : 'YYYY-MM-DD', max : '2099-12-30', // 最大日期 istime : true, istoday : true,// 是否显示今天 isclear : true, // 是否显示清空 issure : true, // 是否显示确认 }; laydate(logSubmitDate); }
下面是为了取不同id生成的随机数
var randomBaseNum = 3; var max = 4; var min = 1; function getRandomNum() { return parseInt(Math.random()*(max-min)+min) } var randomArr = []; function getNum() { if(randomArr.length >= max-1){ min = min + randomBaseNum; max = min + randomBaseNum; } var curNum = getRandomNum(); var flag = false; if(randomArr.indexOf(curNum) == -1){ randomArr.push(curNum); flag = true; } if(flag){ return curNum; }else{ return getNum() } }
下面是html代码
<div id="riskHandleKeepLog" style="display: none; margin: 10px 40px;"> <form id="keepLogForm" method="post" class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label">日志记录</label> <div class="col-sm-8"> <table id="historyLog" class="table table-bordered table-striped dataTable" cellspacing="0" width="80%"> <thead> <tr> <th>状态</th> <th>日期</th> <th>说明</th> </tr> </thead> <tbody id="riskHandleHistoryTb"> </tbody> </table> </div> </div> </form> <form id="riskHandleNewLogForm" method="post" class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label">新增解决日志</label> <div class="col-sm-8"> <table id="riskHandleNewLog" class="table table-bordered table-striped dataTable" cellspacing="0" width="80%"> <thead> <tr> <th>状态</th> <th>日期</th> <th>说明 <th></th> </tr> </thead> <tbody id="riskHandleNewLogTb"> </tbody> </table> </div> </div> </form>
</div>