jQuery ASPX 页面上的 Datepicker()

Question

完全不知道为什么这不起作用...我收到的错误是：

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'datepicker'

Master.master

<head id="head1" runat="server">
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/jquery-ui.js"></script>

    <script language="javascript">
        $(function () {
            $("#ctl00_cphMain_txtExpDate").datepicker();
        });
    </script>
</head>

Page.aspx

<asp:TextBox ID="txtExpDate" runat="server" Visible="true" ReadOnly="false"></asp:TextBox>

当页面加载时，我立即收到 JavaScript 错误。但是当我查看源代码时，一切看起来都很好：

从浏览器查看源代码

<input name="ctl00$cphMain$txtExpDate" type="text" id="ctl00_cphMain_txtExpDate" />

它在 JSFiddle 中运行没有错误，甚至显示了选择器弹出窗口。是什么导致了错误？这是一个 C# ASP.NET 网络应用程序。

JSFiddle - http://jsfiddle.net/ncojuu21/

Answer 1

您必须使用 <script type="text/javascript"> 而不是 <script type="javascript"> 来调用脚本。将 $("#ctl00_cphMain_txtExpDate") 替换为 $("#<%=txtExpDate.ClientID%>")

Answer 2

这个错误是因为我的 MasterPage 有重复的 jQuery 引用。删除一个引用后问题已解决，现在 .datepicker() 工作正常。

jQuery ASPX 页面上的 Datepicker()

jQuery Datepicker() on a ASPX page

javascript

c#

jquery

datepicker