Question

我在asp.net页面中有一个ajax tabcontainer。当点击Ajax tabcontainer中的Textbox时，我正在使用jquery弹出日历。

当文本框位于ajax tabcontainer之外时，其工作正常。但是，当我将此文本框放入ajax选项卡容器时，Jquery for datepicket无法弹出日历。我该如何解决这个问题？

这是我用来将日期选择器绑定到文本框的代码。

  $(function () {
            var d = new Date();
            var curr_year = d.getFullYear();
            $('#txtDob').live('load', function () {
                $("#txtDob").datepicker(
       { yearRange: '1900:' + curr_year, changeMonth: true, changeYear: true, maxDate: '0' });

            });
            $('#txtDOD').live('load', function () {
                $("#txtDOD").datepicker(
       { yearRange: '1900:' + curr_year, changeMonth: true, changeYear: true, maxDate: '0' });
            });
        });

Answer 1

检查您的html并检查ClientID。

一个好的做法是始终在javascript中使用客户端ID。

像这样：

 $('#<%= txtDob.ClientID %>')

Answer 2

在使用动态控件时，您可以做的一件事是将txtDob控件的ClientID模式设置为AutoID

var data = JsonConvert.DeserializeObject<RootObject>(jsonString);

通过将每个父命名容器的ID值与控件的ID值连接来生成ClientID值。在呈现控件的多个实例的数据绑定方案中，将在控件的ID值前插入递增值。每个段由下划线字符（_）

分隔

Jquery Datepicker在Ajax选项卡容器中不起作用

2 个答案: