1

我在我的 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>
4

3 回答 3

2

jQuery不工作，因为你没有包括jQuery library在你的HTML page.

包括latest jquery library从这里：

http://jquery.com/

于 2013-03-15T10:06:29.770 回答
1

看到这里你需要导入以下文件。你只包括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>
于 2013-03-15T10:17:31.553 回答
0

您没有在脚本中包含文本框的 id.. 执行此操作..

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

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

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

有关更多信息，请参阅此链接

于 2013-03-15T10:16:20.343 回答