javascript - javascript 日期选择器未激活

Question

我的问题是当我通过 javascript 创建输入字段时，我的日期选择器不起作用。

我有一个按钮，它将生成输入所需的字段。其中之一是日期选择器。我有一个功能可以显示一个小日历供用户选择。它适用于不是由 javascript 函数创建的输入字段。

这是创建输入字段的 javascript 函数：

<script lang="javascript">
    TestNo = 1; // This is input files added by default.
    TestMax = 50;
    TestMin = 1;

    function Test_Addchild() {
        if (TestNo <= TestMax) {
            var div = document.createElement("div");
            div.id = 'divfiles' + TestNo;
            //div.style.width = "100px";
            //div.style.height = "100px";
            //div.style.background = "red";
            //div.style.color = "white";
            div.innerHTML = '<input size="35" type="text" id="Test' + TestNo + 'D" name="Test' + TestNo + 'D" value="Date ' + TestNo + '" class="form-control selector" autocomplete="off">';
            document.getElementById('Tests').appendChild(div);

            TestNo++;
            $('#<%= NoOfTests.ClientID %>').val(TestNo-1);
            return false;
        }
        else {
            alert('Maximum ' + TestMax + ' Files are Allowed.');
            return false;
        }
    }

    function Test_Delchild() {
        if (TestNo > TestMin) {
            cnt = TestNo - 1;
            element = document.getElementById('divfiles' + cnt);
            element.parentNode.removeChild(element);
            TestNo--;
            $('#<%= NoOfTests.ClientID %>').val(TestNo-1);
            return false;

        }
        else {
            alert('All tests removed');
            return false;
        }
    }        
</script>    

这些是创建和删除输入字段的按钮：

<a href="javascript:void();" onclick="Test_Addchild()">Add more tests</a><br>
<a href="javascript:void();" onclick="Test_Delchild()">Remove tests</a><br>

最后是 datepicker 函数

<script>
    $(function () {
        $(".selector").datepicker({
            showOtherMonths: true,
            selectOtherMonths: true
        });
    });
</script>

如何让 datepicker 函数适用于动态创建的输入字段？

先感谢您。

标签： javascriptc#asp.net