jQuery日期选择器不使用母版页
这是我的后续问题 我尝试按照本页中的建议使用jQuery UI日期选择器: 当我在一个jQuery日期选择器不使用母版页,jquery,asp.net,jquery-ui,datepicker,Jquery,Asp.net,Jquery Ui,Datepicker,这是我的后续问题 我尝试按照本页中的建议使用jQuery UI日期选择器: 当我在一个单一网络表单中测试代码时,它就像一个符咒 然而,当我试图将它们与母版页和内容页合并时,我似乎无法使日历再次工作 这就是我迄今为止所做的尝试: 在主页中,我在标题中添加了脚本scr和链接: <head runat="server"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,
单一网络表单中测试代码时,它就像一个符咒
然而,当我试图将它们与母版页
和内容页
合并时,我似乎无法使日历再次工作
这就是我迄今为止所做的尝试:
在主页
中,我在标题中添加了脚本scr
和链接
:
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%: Page.Title %> - My ASP.NET Application</title>
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:bundlereference runat="server" path="~/Content/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<%--added below--%>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
</head>
我到底漏掉了什么?当您使用母版页时,使用runat=“server”
指定的每个控件实际上都没有您分配给它的ID。如果查看生成的页面源,可以看到它的ID
要获取实际ID,请尝试执行以下操作:
<script type="text/javascript">
$(document).ready(function () {
$("#<%= txtDate.ClientID %>").datepicker({
showOn: 'button',
});
});
</script>
<asp:TextBox ID="txtDate" runat="server" ReadOnly="true" Width="250px"></asp:TextBox>
它现在确实提取了ID,但是日历仍然不工作(即根本看不到日历)没有。。。仍然不工作。。。我已经尝试了$(document).ready(函数(){…})
和函数pageLoad()
与ReadOnly=“true”有关吗?删除ReadOnly=“true”也没有帮助。我找到了原因,但不知道为什么。有关后续问题,请参阅本帖:
<script type="text/javascript">
$(document).ready(function () {
$("#<%= txtDate.ClientID %>").datepicker({
showOn: 'button',
});
});
</script>
<asp:TextBox ID="txtDate" runat="server" ReadOnly="true" Width="250px"></asp:TextBox>
// all my page content ...
<script type="text/javascript">
//sweet JS
</script>
</asp:Content>