javascript - 输入类型日期未动态添加到表中，Javascript

Question

我在那些文本框之间动态地向表中添加行，并且我有日期类型的文本框，它不是动态添加的。请帮助我解决 JS 问题。除了类型为 DATE 的文本框外，所有文本框都添加得很好。

JS:

function addField (argument) {
    var myTable = document.getElementById("myTable");
    var currentRow = myTable.insertRow(-1);

    var line_part_numberBox = document.createElement("input");
    line_part_numberBox.setAttribute("name", "line_part_number[]");

    var line_dateBox = document.createElement("input");
    line_dateBox.setAttribute("name", "line_date[]");

    var addRowBox = document.createElement("input");
    addRowBox.setAttribute("type", "button");
    addRowBox.setAttribute("value", "Add another line");
    addRowBox.setAttribute("onclick", "addField();");
    addRowBox.setAttribute("class", "button");

    var currentCell = currentRow.insertCell(-1);
    currentCell.appendChild(line_part_numberBox);

    currentCell = currentRow.insertCell(-1);
    currentCell.appendChild(line_dateBox);
}

Blade :

<table class="table table-striped" id="myTable">
    <thead>
        <tr>
            <th>heading1</th>
            <th>heading2</th>
            <th>action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>{{ Form::text('line_part_number[]', null , ['class' => 'form-control']) }}</th>
            <th>{{ Form::date('line_date[]', null , ['class' => 'form-control']) }}</th>
            <th><input type="button" class="button" value="Add another line" onclick="addField();"></th>
        </tr>
    </tbody>
</table>

Answer 1

这段代码对你有用，我已经测试过它工作正常。

var date_input = document.createElement("input");
date_input.setAttribute("type", "date");
currentCell.appendChild(date_input);