gpt4 book ai didi

c# - JQuery datepicker 不适用于 asp.net 中的母版页

转载 作者:太空宇宙 更新时间:2023-11-03 20:09:43 25 4
gpt4 key购买 nike

这是我的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 绑定(bind)的代码

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

并按文本框类编码。

$(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 绑定(bind)它们。我想使用类通过文本框类与 JQuery datepicker 绑定(bind),就像我已将 date 类分配给每个文本框一样。

上面的代码在正常的 .aspx 页面中工作,但是当我在 masterpage 中使用这段代码时,它就不起作用了。这是我的问题。请帮助我在 asp.net master page

中按类将 jquery datepickertextbox 绑定(bind)

编辑后

我收到如下错误。

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

在浏览器控制台中。

最佳答案

它工作正常,请尝试以下代码并检查您的互联网连接,因为您对 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>

关于c# - JQuery datepicker 不适用于 asp.net 中的母版页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20835224/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com