如何向 Javascript 表添加一行，其中包含包含 jQuery 中的日期选择器函数的单元格

How do you add a row to a Javascript table with a cell containing the datepicker function from jQuery?

本文关键字：包含包 单元格 jQuery 选择器 日期 函数 一行 Javascript 添加      更新时间：2023-09-26

我有这个javascript函数：

function addItem(tableID){
    var table = document.getElementById(tableID);   
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";
    element1.name="checkbox[]";
    cell1.appendChild(element1);
    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.name = "textbox[]";
    cell2.appendChild(element2);
    var cell3 = row.insertCell(2);
    var element3 = document.createElement("input");
    // *****I DO NOT KNOW WHAT GOES HERE*****
    cell3.appendChild(element3);
}

我还有一个HTML文件，看起来像这样：

 <header>
    <div id="header-left">
        <input type="checkbox" id="select-all"></input>
        <label for="select-all" id="select-all-tag"> Select All </label>
    </div>  
    <h1> TODO </h1>
    <div id="header-right">
        <button id="sort-by">Sort By</button>
        <button id="add-new" onclick="addItem('todoTable')">Add</button>
    </div>
</header>
<table id="todoTable" border="1">
    <tr>
        <td><input type="checkbox" name="checkbox"/></td>
        <td><input type="text" /></td>
        <script>
            $(function() {
            $(".date-picker").datepicker();
            });
        </script>
        <td><input type="text" name="date[]" class="date-picker datepicker"></td>
    </tr>
</table>

HTML 文件创建我想要的行类型。对于 JavaScript，我正在尝试在第三个单元格中添加一行带有日期选择器的行，但我不知道如何操作。那么，如何在 JavaScript 的第三个单元格中显示日期选择器？如果您需要澄清，请告诉我。

只要您包含适当的脚本，这应该就足够了：

var cell3 = row.insertCell(2);
var element3 = document.createElement("input");
$(element3).datepicker();
相关文章：