Question

我的asp.net页面中有Ajax选项卡容器。我正在使用jquery通过单击文本框来选择日期。但是jquery不能在Ajax选项卡容器中工作。

下面是我正在使用的代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script type="text/javascript">
               $(document).ready(function () {
            $(".datecontrol").datepicker();
        });

    </script>
 </script>
</head>
<body>
    <form id="form1" runat="server">
    <ajax:ToolkitScriptManager ID="scriptmanager1" runat="server">
    </ajax:ToolkitScriptManager>
    <div class="Wrapper">
        <ajax:TabContainer ID="TabContainer1" runat="server" CssClass="fancy fancy-green"
            ActiveTabIndex="0">
            <ajax:TabPanel ID="tbpnluser" runat="server">
                <HeaderTemplate>
                    New Patient</HeaderTemplate>
                <ContentTemplate>
                    <asp:Panel ID="UserReg" runat="server">
<asp:TextBox ID="txtDob" runat="server" CssClass="datecontrol"></asp:TextBox>
 </asp:Panel>
                </ContentTemplate>
            </ajax:TabPanel>
 </ajax:TabContainer>
 </div>
    </form>
</body>
</html>

Answer 1

jQuery无效，因为您jQuery library未加HTML page。

从此处加入latest jquery library：

http://jquery.com/

Answer 2

see here您需要导入以下文件。您只包含css文件而不是js文件。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Answer 3

你没有在脚本中包含文本框的id ..这个..

$(document).ready(function () {
        $("#txtDob").datepicker();
    });

你也应该包括如下所示的jquery ..

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

有关详细信息，请参阅此link

在ajax tabcontainer中的Jquery datetimepicker（）

3 个答案: