JQuery datepicker不能在asp.net中使用masterpage

Question

这是我的Masterpage 源代码

    <%@ Page Title="" Language="C#" MasterPageFile="~/Usermaster.Master" AutoEventWireup="true"
    CodeBehind="ApproveLoanpage.aspx.cs" Inherits="WebLoanCalculator.ApproveLoanpage" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">

要按文本框ID绑定的代码

$(function () {
            $("#<%= txtCashAmt.ClientID %>").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

和Code to by by textbox类.

$(function () {
                $(".date").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
</script>

<table style="width: 100%">
        <tr>
            <td>
                <asp:TextBox ID="txtCashAmt" runat="server" CssClass="date"></asp:TextBox>
<asp:TextBox ID="txtCashAmt2" runat="server" CssClass="date"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
</asp:Content>

这里的解释我有多个textbox,我不想通过ID绑定它们.我希望使用类与JQuery datepickertextbox类绑定,就像我已经date为每个文本框分配了类.

上面的代码在普通.aspx页面中工作,但是当我在母版页中使用此代码时,它无法正常工作.这是我problem.please帮我绑定jquery datepicker与textbox由类asp.net master page

编辑后

我收到的错误如下.

TypeError:$(...).datepicker不是函数

在浏览器控制台中

Answer 1

它工作正常,尝试以下代码并检查您的Internet连接,因为您对jquery的引用是在线的,否则下载jquery文件并在项目中使用.

        <%@ Master Language="C#" AutoEventWireup="true" CodeFile="site.master.cs" Inherits="site" %>

        <!DOCTYPE html>
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title>DateTime Picker</title>

            <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
            <asp:ContentPlaceHolder ID="head" runat="server">
            </asp:ContentPlaceHolder>
        </head>
        <body>
            <form id="form1" runat="server">
                <div>
                    On Master Page
                     <asp:TextBox ID="txtCashAmt3" runat="server" CssClass="date"></asp:TextBox>
                        <asp:TextBox ID="txtCashAmt4" runat="server" CssClass="date"></asp:TextBox>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
            </form>
        </body>
        </html>

    <%@ Page Title="" Language="C#" MasterPageFile="~/site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
        <script>
            $(function () {
                $(".date").datepicker({
                    changeMonth: true,
                    changeYear: true
                });
            });
        </script>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

        <table style="width: 100%">
            <tr>
                <td>
                    On Sub Page
                    <asp:TextBox ID="txtCashAmt" runat="server" CssClass="date"></asp:TextBox>
                    <asp:TextBox ID="txtCashAmt2" runat="server" CssClass="date"></asp:TextBox>
                </td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </asp:Content>