在 ASP.Net 中使用 Jquery 日期选取器时出错

Question

我正在尝试在我的 asp.net 解决方案中使用jquery日期选择器，但收到以下错误：

Microsoft JScript 运行时错误：对象不支持属性或方法"日期选择"

我在site.master文件的head部分中有以下标记：

 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/jquery.datepick.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#startdate').datepick({ dateFormat: 'mm/dd/yyyy' });
            $('#enddate').datepick({ dateFormat: 'mm/dd/yyyy' });
        });    
    </script>

以及 CheckProgress.aspx 页面中的以下标记：

   <div id="content">
                        From
                        <asp:TextBox ID="startdate" class="field" runat="server" ClientIDMode="Static"></asp:TextBox>
                        To
                        <asp:TextBox ID="enddate" class="field" runat="server" ClientIDMode="Static"></asp:TextBox>
                    </div>

我尝试了很多不同的东西 - 将脚本标签与div 本身内联并将文本框移动到不同的页面，但我最终得到同样的错误。我已经检查了jquery代码路径是否正确，并尝试在全新的 asp.net 解决方案中使用jquery文件，它可以正常工作！

任何想法如何调试或确定这里发生了什么？

Answer 1

更改此设置

  $(function () {
            $('#startdate').datepick({ dateFormat: 'mm/dd/yyyy' });
            $('#enddate').datepick({ dateFormat: 'mm/dd/yyyy' });
        });  

自

  $(function () {
            $('#startdate').datepicker({ dateFormat: 'mm/dd/yyyy' });
            $('#enddate').datepicker({ dateFormat: 'mm/dd/yyyy' });
        });  

并包含 jquery UI js

在此处下载表格 http://jqueryui.com/

Answer 2

这样用

法

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/jquery.datepick.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#<%=startdate.ClientID %>').datepick({ dateFormat: 'mm/dd/yyyy' });
            $('#<%=enddate.ClientID %>').datepick({ dateFormat: 'mm/dd/yyyy' });
        });    
    </script>

Answer 3

是

<script type="text/javascript" src="scripts/jquery.datepick.js"></script>

一些你自己创建的插件？我不知道这是什么，jQuery UI中只有类。查看这些演示：

http://jqueryui.com/demos/datepicker/

Answer 4

尝试将脚本作为绝对路径包含在内。src="scripts/jquery.datepick.js"更改此内容http://localhost:8080/scripts/jquery/datepicker.js

可能是答案很简单，因为您的网页不包含此文件。尝试加载您的aspx文件（Firefox Web开发人员，Google Chrome或Fiddler），以查看您的javascript文件是否真的包含在内。

Answer 5

假设你想使用 jQuery UI 的日期选择器，你必须：

包括jQuery和jQuery UI（后者需要JS和CSS），

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script>

在 ASPX 标记中声明文本框

<asp:TextBox ID="DatePicker" runat="server" />

并将日期选择器连接到文本框。

<script type="text/javascript">
    $(document).ready(function () {
        $("#<%= this.DatePicker.ClientID %>").datepicker();
    });
</script>

请记住，此脚本块必须在包含 jQuery 和 jQuery UI 之后出现，否则它将不起作用。