我试图在内容页面上的文本框中显示javascript日期时间选择器,该文本框是从母版页派生的,但是datetime选择器未得到显示。
这是我的内容页面:
<link rel="stylesheet" href="Datepicker.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="Datepicker.js"></script>
<script>
$(document).ready(function() {
$('#dp').datepicker();
});
</script>
<script>
$(document).ready(function() {
$('#dp1').datepicker();
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="Label1" runat="server" Text="From"></asp:Label>
<input id="dp" type="text" runat="server"/>
<asp:Label ID="Label2" runat="server" Text="To"></asp:Label>
<input id="dp1" type="text" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Search" onclick="Button1_Click" />
<asp:GridView ID="gvdetails" runat="server">
</asp:GridView>
</asp:Content>
注意:这在没有母版页的情况下有效,但是当我将其添加到内容页时,它不起作用。
通过IIS为ASP提供服务时,所有runat="server"
元素都具有唯一的名称。
为了找到该名称,请使用对象的<%= %>
语法ClientID
。您的情况是:
$('#<%=dp1.ClientID%>').datepicker();
另外,您可以将元素设置为使用静态名称。
<input id="dp1" type="text" runat="server" ClientIDMode="Static" />
(但不要两者都做)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句