jQuery日期选择器在ASP.NET页面中不工作
我正在使用ASP.NET开发一个网站,我将在我的网站中使用jQuery日期选择器。我使用了以下代码,但它不起作用。有人知道为什么吗jQuery日期选择器在ASP.NET页面中不工作,jquery,asp.net,jquery-ui,Jquery,Asp.net,Jquery Ui,我正在使用ASP.NET开发一个网站,我将在我的网站中使用jQuery日期选择器。我使用了以下代码,但它不起作用。有人知道为什么吗 <link href="css/calendar/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" /> <script src="jquery/calendar/jquery-1.4.4.min.js" type="text/javascript"></scri
<link href="css/calendar/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" />
<script src="jquery/calendar/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jquery/calendar/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#txtEventDate").datepicker();
});
</script>
$(函数(){
$(“#txtEventDate”).datepicker();
});
以下是我的文本框HTML代码:
<asp:TextBox ID="txtEventDate" runat="server" Width="125px"></asp:TextBox>
为您的javascript尝试以下操作:
$(document).ready(function() {
$("#txtEventDate").datepicker()
});
如果您也发布HTML代码的相关部分(包含具有txtEventDate id的元素的部分),那么会更容易提供帮助。除了jQuery UI之外,您是否还包括了最新的jQuery文件?从你的代码中看不明显 您也没有包含任何生成的HTML,但是您是否确保HTML代码中的文本输入设置了正确的id 此外,您应该尝试使用.ready函数,以便代码仅在DOM完全加载时触发:
$(document).ready(function() {
$("#txtEventDate").datepicker()
});
编辑:您现在已经修改了代码以显示jQuery的包含,但是您还没有粘贴ASP生成的相关HTML代码。我怀疑问题在于输入id是随机生成的,与#txtEventDate不匹配
另一个编辑:您现在已经包含了ASP代码,但仍然没有包含为输入生成的HTML源代码-正如大多数答案所指出的,ASP可能会在您的ID标记中包含其他信息,这会阻止jQuery识别它。也许文本框的ID不是“txtEventDate”-它可能是“ctrl00 ucDatePicker txtEventDate”或类似的东西,因为asp.net倾向于动态生成ID 我的建议是要么通过分配给方框的类来选择它,要么
<asp:textbox id="txtEventDate" runat="server" cssclass="date-picker" />
或者如果JavaScript在你可以考虑的页面…
$("#<%= txtEventDate.ClientID %>").datepicker()
有三种解决方案适合你 如果在编辑模式下尝试在asp.formview中使用此日期选择器,则问题出在FriendlyURL中,您可以找到解决方案 类选择器对我不起作用,但其他2个对我起作用+1.
$("#<%= txtEventDate.ClientID %>").datepicker()
$("input[id*=txtEventDate]").datepicker()