首页 > 代码库 > easyui 叠加多个日期文本框
easyui 叠加多个日期文本框
效果:
界面:
<div id="file1"></div> <input value="http://www.mamicode.com/添加" type="button" onclick="Add(1);" style="margin-top:5px"/>
js代码:
//js叠加文本框 var count = 0; function Add(num) { count += 1; var File1 = document.getElementById("file1"); var div = document.createElement("div"); div.style = "margin-top:3px"; var InputText = document.createElement("input"); InputText.className = "easyui-datebox Uniqueadd"; InputText.type = "text" InputText.id = "ExecuteDate" + count; InputText.style = "width:360px;"; var btn = document.createElement("input"); btn.type = "button"; btn.value = "http://www.mamicode.com/删除"; btn.onclick = function () { this.parentNode.parentNode.removeChild(this.parentNode); count -= 1; } File1.appendChild(div); div.appendChild(InputText); div.appendChild(btn); //初始化日期控件 $(‘#‘ + InputText.id).datebox({ required: true }); // $(‘#ExecuteDate1‘).next().find(‘input‘).eq(0).val(); // $(‘.Uniqueadd‘).next().find(‘input‘).each(function(){console.log($(this).val());}) } // 获取值组成字符串 var str = ""; $(‘.Uniqueadd‘).next().find(‘.combo-value‘).each(function () { str += $(this).val() + "、"; }); // console.log(str); str = str.substring(0, str.lastIndexOf(‘、‘)); //将最后的、去掉
easyui 叠加多个日期文本框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。