Html 动态创建th元素

Html 动态创建th元素,html,laravel,eloquent,Html,Laravel,Eloquent,您好,我想知道如何根据两个日期选择器输入值的日期周期或天数动态增加表列,并将日期作为列的标题。我使用它来过滤数据库中的数据,以构建考勤样本。 下面是使用按钮创建表格标题单元格的代码 表,th{ 边框:1px纯黑; } 单击按钮以创建第h个元素 试试看 函数myFunction(){ var x=document.createElement(“TH”); var t=document.createTextNode(“表头单元格”); x、 儿童(t); document.getElementB

您好,我想知道如何根据两个日期选择器输入值的日期周期或天数动态增加表列,并将日期作为列的标题。我使用它来过滤数据库中的数据,以构建考勤样本。 下面是使用按钮创建表格标题单元格的代码


表,th{
边框:1px纯黑;
}
单击按钮以创建第h个元素

试试看 函数myFunction(){ var x=document.createElement(“TH”); var t=document.createTextNode(“表头单元格”); x、 儿童(t); document.getElementById(“myTr”).appendChild(x); }
用于简化日期处理,getDates是一个函数,用于返回带有输入之间日期的数组

函数myFunction(){
var startDate=document.getElementById(“startDate”).value;
var endDate=document.getElementById(“endDate”).value;
var dates=getDates(开始日期、结束日期);
var thead=document.querySelector(“#myTable thead”);
thead.innerHTML=“”
用于(施工日期){
var x=document.createElement(“th”);
var t=document.createTextNode(日期);
x、 儿童(t);
附肢儿童(x);
}
}
函数getDates(开始日期、结束日期){
var dateArray=[];
var currentDate=力矩(起始日期);
var stopDate=时刻(endDate);
(currentDate用于简化日期处理,而getDates是一个函数,用于返回带有输入之间日期的数组

函数myFunction(){
var startDate=document.getElementById(“startDate”).value;
var endDate=document.getElementById(“endDate”).value;
var dates=getDates(开始日期、结束日期);
var thead=document.querySelector(“#myTable thead”);
thead.innerHTML=“”
用于(施工日期){
var x=document.createElement(“th”);
var t=document.createTextNode(日期);
x、 儿童(t);
附肢儿童(x);
}
}
函数getDates(开始日期、结束日期){
var dateArray=[];
var currentDate=力矩(起始日期);
var stopDate=时刻(endDate);

虽然(currentDate thank you@Hans C.Felix Ramos确切地说,我与laravel合作建立考勤系统,根据上面的问题,我想从时间戳字段中获取数据,并根据标题中的日期将其显示在标题下的单元格表中。您是否可以建议我如何使用此想法。到目前为止,我已经建立了e概念,但只有一列可以显示不同日期的时间戳。简而言之,我想根据列标题的日期筛选多个用户的状态并显示在单元格中。提前感谢Hans C.Felix Ramos我正与laravel合作建立考勤系统,通过上面的问题,我想获取来自时间戳字段的数据,并根据标题中的日期显示在标题下的单元格表中。您是否愿意建议我如何处理此想法。到目前为止,我已经构建了此概念,但仅使用单个列来显示具有不同日期的时间戳。简而言之,我想筛选几个用户的状态根据列标题的日期在单元格中显示nd。提前感谢