тип ввода даты не добавляется в таблицу динамически, 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);