javascript - 在使用 JavaScript 函数调用创建动态表的实例中创建日期选择器

Question

我通过使用 Java 脚本调用一个函数创建了一个动态表。我的函数创建了 5 列，其中 3 列是文本框。对于第一个文本框，我想创建一个日期选择器而不是文本框。是否可以。这是我的功能代码。

function insertRow(X)
    {
        eval(X);

//nodeArray = HarvestEstimate.Blocks;是我从我的 cs 文件中通过过程调用获得的值。 nodeArray = HarvestEstimate.Blocks;

       for (var count = 0; count < nodeArray.length; count++)
       {
            var table=document.getElementById("statstable");
            var row = table.insertRow(table.rows.length);

            var text = nodeArray[count]["Block"];
            var value = nodeArray[count]["BlockId"];

            var cell1=row.insertCell(0);
            var t1=document.createElement("Label");
                t1.for = "lblBlockID"+index;
                t1.innerHTML  = text;;
                cell1.appendChild(t1);

            var cell2=row.insertCell(1);
            var t2=document.createElement("Lable");
                t2.for = "lblBlockName"+index;
                t2.innerHTML  = value; // ;
                cell2.appendChild(t2);

//这是我想要一个日期选择器的地方。截至目前，它是“cell3”的文本框

            var cell3=row.insertCell(2);
            var t3=document.createElement("input");
                t3.id = "txtEstStartDt"+index;
                cell3.appendChild(t3);


            var cell4=row.insertCell(3);
            var t4=document.createElement("input");
                t4.id = "txtEstTotes"+index;
                cell4.appendChild(t4);

            var cell5=row.insertCell(4);
            var t5=document.createElement("input");
                t5.id = "txtEstPicks"+index;
                cell5.appendChild(t5);

                index++;
        }

    }

Answer 1

如果你的浏览器兼容HTML5，你可以使用

 <input type="date" />

随便写

 t3.type="date";

之前

 cell3.appendChild(t3);

---

编辑:

使用 HTML5:jsfiddle.net/k30w0mhd/1

使用 jQuery UI:http://jsfiddle.net/k30w0mhd/2/