c# – ASP.NET DatePicker在GridView中不起作用_C

概述我有一个人员信息的数据库表,也有他们的出生日期.我正在使用GridView显示字段,还使用列编辑和删除选项.要使用DatePicker编辑日期,如下所示, <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title>Home Page</title><link rel='stylesheet' type='te 我有一个人员信息的数据库表,也有他们的出生日期.我正在使用GrIDVIEw显示字段,还使用列编辑和删除选项.要使用DatePicker编辑日期,如下所示,

<HTML xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><Title>Home Page</Title><link rel='stylesheet' type='text/CSS' href='Styles/Main.CSS'/><script type="text/JavaScript" src="Scripts/jquery-1.12.4.Js"></script><script type="text/JavaScript" src="Scripts/jquery-ui.Js"></script><script type="text/JavaScript">    $(document).ready(function () {        $('#text_date').datepicker({            dateFormat: 'dd-mm-yy',inline: true,showOtherMonths: true,changeMonth: true,changeYear: true,constraininput: true,firstDay: 1,navigationAsDateFormat: true,showAnim: "fold",yearRange: "c-100:c+10",daynamesMin: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']        });    });    $(document).ready(function () {        $('#text_dateadd').datepicker({            dateFormat: 'dd-mm-yy','Sat']        });    });</script></head>

列内的GrIDVIEw我有以下内容.我使用页脚区域将新数据插入GrIDVIEw

<asp:TemplateFIEld headerText="Date of Birth" SortExpression="dob"><EditItemTemplate>    <asp:TextBox ID="text_date" CSSClass="textBox" MaxLength="10" runat="server" Text='<%# Bind("dob","{0:dd/MM/yyyy}") %>'></asp:TextBox>    </EditItemTemplate><ItemTemplate>    <asp:Label ID="label_date" runat="server" Text='<%# Bind("dob","{0:dd/MM/yyyy}") %>'></asp:Label></ItemTemplate><FooterTemplate>    <asp:TextBox ID="text_dateadd" CSSClass="textBox" MaxLength="10" runat="server" Text='<%# Bind("dob","{0:dd/MM/yyyy}") %>'></asp:TextBox></FooterTemplate></asp:TemplateFIEld>

但这不起作用,我尝试点击EditItemTemplate和ItemTemplate中的文本字段,但日历不会显示.我在一个简单的网页上尝试了它,它的工作原理,

<form ID="form1" runat="server">    <div>        <asp:TextBox ID="text_date" CSSClass="textBox" MaxLength="10" runat="server"></asp:TextBox>    </div></form>

在日期选择器的形式的正常div内,但在上面的GrIDVIEw中,它不会工作..我做错了什么？是因为Bind方法？如果是这样我怎么解决？我尝试在GrIDVIEw中使用div但它不会工作.

编辑

下面是我放置grIDvIEw的地方.我在表格的单元格中使用我的网格视图,我也有脚本管理器和更新面板

<asp:tableCell ColumnSpan="6" WIDth="100%" Height="100%" VerticalAlign="MIDdle" HorizontalAlign="Center">    <asp:UpdatePanel ID="update_data" runat="server">        <ContentTemplate>            <asp:GrIDVIEw></asp:GrIDVIEw>        </ContentTemplate>    </asp:UpdatePanel><asp:/tableCell>

解决方法在这个TextBoxID会注意到工作,因为GrIDVIEw将更改ID并将其添加到特定的ID上,并使用它实际TextBox ID所以试试这个它会工作

<HTML xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><Title>Home Page</Title><link rel='stylesheet' type='text/CSS' href='Styles/Main.CSS'/><script type="text/JavaScript" src="Scripts/jquery-1.12.4.Js"></script><script type="text/JavaScript" src="Scripts/jquery-ui.Js"></script><script type="text/JavaScript">    $(document).ready(function () {        $('.Add-text').datepicker({            dateFormat: 'dd-mm-yy','Sat']        });    });    $(document).ready(function () {        $('.Add-text-new').datepicker({            dateFormat: 'dd-mm-yy','Sat']        });    });</script></head>

在列内的GrIDVIEw中我刚刚添加了新类来识别和jquery或JavaScript现在可以轻松识别它.

<asp:TemplateFIEld headerText="Date of Birth" SortExpression="dob"><EditItemTemplate>    <asp:TextBox ID="text_date" CSSClass="textBox Add-text" MaxLength="10" runat="server" Text='<%# Bind("dob","{0:dd/MM/yyyy}") %>'></asp:Label></ItemTemplate><FooterTemplate>    <asp:TextBox ID="text_dateadd" CSSClass="textBox Add-text-new" MaxLength="10" runat="server" Text='<%# Bind("dob","{0:dd/MM/yyyy}") %>'></asp:TextBox></FooterTemplate></asp:TemplateFIEld>

@L_404_1@

如果有任何疑问请问我谢谢.

总结

以上是内存溢出为你收集整理的c# – ASP.NET DatePicker在GridView中不起作用全部内容，希望文章能够帮你解决c# – ASP.NET DatePicker在GridView中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/langs/1220200.html