Este es mi Masterpage código fuente

    <%@ 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">

código para enlazar por textbox ID

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

Y el Código de la clase 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>

Explicación
aquí tengo varias textbox y no quiero que a ellos se unen por ID. Quiero para uso de la clase para enlazar con JQuery datepicker por la clase textbox como he asignado a date clase a cada uno y cada caja de texto.

el código anterior está trabajando en condiciones normales de .aspx página pero cuando la estoy usando este código en masterpage, entonces no está funcionando. este es mi problema.por favor me ayudan a enlazar jquery datepicker con textbox por clase en asp.net master page

Después de editar

Estoy recibiendo el error como el siguiente.

TypeError: $(…).datepicker no es una función

en el navegador de la consola.

  • ¿Ve usted alguna javascript errores en firebug?
  • espere un momento.voy a crear el código para usted.

1 Comentario

  1. 5

    Su trabajo bien, pruebe el siguiente código & compruebe su conexión a internet debido a que su referencia a jquery es en línea, de lo contrario, la descarga de archivos de jquery y utilizar en el proyecto.

            <%@ 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>

Dejar respuesta

Please enter your comment!
Please enter your name here