在使用JavaScript函数调用创建动态表的实例中创建datepicker_Javascript_Html_Datepicker

在使用JavaScript函数调用创建动态表的实例中创建datepicker

javascript html

在使用JavaScript函数调用创建动态表的实例中创建datepicker,javascript,html,datepicker,Javascript,Html,Datepicker,通过使用Java脚本调用函数，我创建了一个动态表。我的函数创建5列，其中3列是文本框。对于第一个文本框，我想创建一个日期选择器，而不是文本框。有可能吗。这是我的函数代码 function insertRow(X) { eval(X); //nodeArray=收获估算。块；是通过cs文件中的过程调用获得的值。 nodeArray=收获估算。块 for (var count = 0; count < nodeArray.length; count++)

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

function insertRow(X)
    {
        eval(X);

//nodeArray=收获估算。块；是通过cs文件中的过程调用获得的值。 nodeArray=收获估算。块

       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);

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

 <input type="date" />

以前

 cell3.appendChild(t3);

编辑：

使用HTML5：

使用jQuery UI：

您可以尝试上面的jquery代码

记住像这样引用jquery库

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

感谢您回复我的查询。但我不会找一个约会挑肥拣瘦的。单击后，它仍然是一个文本框。我使用的是Mozilla浏览器这是在Chrome中为Mozilla工作的你可以使用jquery Datepicker嗨，你能帮我一点忙吗？在你提供的链接中，Datepicker在html正文中初始化。但是在我的例子中，我希望它在函数体中。这方面的任何帮助都将是巨大的。我一整天都在做这个。在示例代码段中，他们在html正文中添加了“日期：

”您好，我尝试了这段代码，但没有显示任何内容。所有其他文本框也不会出现。要使用jquery，我们需要引用jquery库。。是的，拉杰什。如果在HTML主体中添加了日期选择器，则会填充它。它不能处理动态创建的日期选择器行。响应还能够捕获为动态添加的行生成的id，但它无法填充日期选择器。我现在已经编辑了答案。。你可以试试。。我刚换了最后两行你能找到解决办法吗。。

 cell3.appendChild(t3);

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

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>