Jquery DateTimePicker不能与asp.net母版页和内容页面一起使用

时间:2012-07-26 20:30:07

标签: jquery asp.net jquery-ui-datepicker

我一直在努力让日期时间选择器与Asp.net 4.0一起使用。我在scripts文件夹中添加了jquery-1.5.2.min.js和jquery-datepicker.js。我收到错误消息

Microsoft JScript runtime error: Object doesn't support this property or method

在jquery-1.5.2.min.js。

我查看了stackoverflow中发布的类似问题,但仍然无法解决问题。我确信脚本路径没有得到正确解决。我尝试了在Master和内容页面中添加脚本标记的不同组合。它仍然无效。我也在内容页面上尝试过ResolveUrl,它仍然失败了。

更新的代码 - 仍然给我错误。            'type =“text / javascript”>
             'type =“text / javascript”>
               'rel =“stylesheet”type =“text / css”/>
        

       $(document).ready(function ()
        {
           $("#<%=TextBox1.ClientID %>").datepicker(); 
        });     

         </script>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server"> 
        <script type="text/javascript" src="../Scripts/jquery-1.5.2.min.js" ></script> 
         <script type="text/javascript" src="../Scripts/jquery-datepicker.js" ></script>
        <script type="text/javascript" language="javascript"> 
        $(document).ready(function () 
       {

     $(function () {
         $("#<%=txtDateFrom.ClientID %>").datepicker();             
     });

 }); /*----------------------End of Document Ready----------------------------*/
</script>

在内容页面中使用过Master和内容页面并且包含jquery日期时间选择器的人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

除非有特定原因导致您无法使用Google或jQuery等存储库,否则我建议您从一个库中添加jQuery库。

<script src="http://code.jquery.com/jquery-latest.js"></script>

编辑:好像你在页面正文中有这个。尝试将其添加到标题(可能是Content1 contentplaceholder?)

祝你好运!

编辑:我现在创建了一个名为Course的文件夹和一个名为Course.aspx的页面,这对我有用:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
        CodeFile="Course.aspx.cs" Inherits="Course_Course" %>

        <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
            <script type="text/javascript" src="//code.jquery.com/jquery-latest.js"></script>
            <script src='=<%Response.Write(Page.ResolveUrl("~/Scripts/jquery.ui.datepicker.js")); %>' type="text/javascript"></script>
            <script src='<%Response.Write(Page.ResolveUrl("~/Scripts/jquery-ui-1.8.22.custom.min.js"));%>' type="text/javascript"></script>
            <link href='<%Response.Write(Page.ResolveUrl("~/Styles/jquery-ui-1.8.22.custom.css")); %>' rel="stylesheet" type="text/css" />
            <script language="javascript" type="text/javascript">
                $(document).ready(function () {
                    $("#<%=TextBox1.ClientID %>").datepicker();
                });
            </script>
        </asp:Content>
        <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </asp:Content>
祝你好运!