C# 如何使用JQuery c在嵌套网格视图ASP.net中使用日期时间选择器#

我已经在ASP.net文本框中实现了日期时间选择器，但是当我在gridview或嵌套的gridview中使用它时，它失败了

我想要的是。。 通过这个JQuery函数

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

$（函数（）{
$（“#”）日期选择器（）；
});

单击给定示例的嵌套网格视图时显示日期时间选择器

<asp:GridView ID="GV_Proc" runat="server" AutoGenerateColumns="false" CssClass="Grid"
DataKeyNames="Procedure_Code" OnRowDataBound="GV_ProcOnRowDataBound" 
    onselectedindexchanged="gvProc_SelectedIndexChanged" Width="512px">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>          
                <img alt = "" style="cursor: pointer" src="../images/plus.png"  />             
                <asp:Panel ID="pnldiagtype" runat="server" Style="display: none">
                    <asp:GridView ID="gvProctype" runat="server" AutoGenerateColumns="false" CssClass = "ChildGrid">
                        <Columns>
                            <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="">
                                <ItemTemplate>
                                    <asp:CheckBox ID="chk_Select" runat="server"/>
                                </ItemTemplate>
                                <ItemStyle HorizontalAlign="Center" />
                                <ItemStyle Width="8%" />
                            </asp:TemplateField>
                            <asp:BoundField ItemStyle-Width="20%" DataField="Procedure_Type_ID" HeaderText="Procedure Type Id" />
                            <asp:BoundField ItemStyle-Width="20%" DataField="Procedure_Code" HeaderText="Procedure Code" />
                            <asp:BoundField ItemStyle-Width="100%" DataField="Procedure_Type_Desc" HeaderText="Description"  />

                            <asp:TemplateField HeaderText="Remarks" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="">
                                <ItemTemplate>
                                    <asp:TextBox ID="txt_Remarks" CssClass=".text" runat="server"></asp:TextBox>
                                </ItemTemplate>
                                <ItemStyle HorizontalAlign="Center" />
                                <ItemStyle Width="8%" />
                            </asp:TemplateField>                           

                            <asp:TemplateField HeaderText="Date" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="">
                                <ItemTemplate>                                
                                    <asp:TextBox ID="txtDate" runat="server" />                                   
                                    <img src="../calender.png" />                                    
                                </ItemTemplate>
                                <ItemStyle HorizontalAlign="Center" />
                                <ItemStyle Width="8%" />
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                </asp:Panel>
            </ItemTemplate>
        <ItemStyle Width="8%" />
    </asp:TemplateField>
    <asp:BoundField ItemStyle-Width="150px" DataField="Procedure_Code" HeaderText="Procedure ID"/>
    <asp:BoundField ItemStyle-Width="150px" DataField="Procedure_Description" HeaderText="Procedure Name" />
</Columns>  

当我试图建立这个，它显示

当前上下文中不存在名称“txtDate”

任何帮助都是值得的

当我在没有网格视图的情况下使用相同的函数时，运行成功

我使用下面的脚本和样式表

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

更新：

<script type="text/javascript">

$(document).ready(function () {
    $('.datepicker-text').datepicker();
});

$（文档）.ready（函数（）{
$（'.datepicker text'）.datepicker（）；
});

并将textBox属性更新为

<asp:TextBox ID="txtDate" runat="server" CssClass="datepicker-text"/> 

---

应该在DOM就绪时分配日期选择器

，以便所述对象存在

在日期文本框上放置一个

css

类，使用它为

datepicker

选择文本框，因为可以有多行

<asp:TextBox ID="txtDate" runat="server" CssClass="datepicker-text"/>

---

datepicker

应在DOM就绪时分配，以便所述对象存在

在日期文本框上放置一个

css

类，使用它为

datepicker

选择文本框，因为可以有多行

<asp:TextBox ID="txtDate" runat="server" CssClass="datepicker-text"/>

---

为什么要使用多个jquery。只能使用一个jquery（生产中的最小值）：

---

然后讨论构建错误。你能发布服务器代码吗？您无法使用txtDate获取txtDate，但必须从gridviewrow开始使用FindControl（“txtDate”），为什么要使用多个jquery。只能使用一个jquery（生产中的最小值）：

---

然后讨论构建错误。你能发布服务器代码吗？您无法使用txtDate获取txtDate，但必须从gridviewrow开始使用FindControl（“txtDate”）

如何。取一个文本框，使用

textmode

属性并指定类

<asp:TextBox ID="txtDate" runat="server" TextMode="datepicker-text"/>

---

这个怎么样。取一个文本框，使用

textmode

属性并指定类

<asp:TextBox ID="txtDate" runat="server" TextMode="datepicker-text"/>

---

你能发布你所做的更改和你得到的确切错误吗？好的，你检查过浏览器控制台了吗，有错误吗？您是否可以尝试调试应用“datepicker

，selector

$（“.datepicker text”）的语句是否有任何长度？您是否可以发布所做的更改以及所得到的确切错误。好的，您是否在浏览器控制台中进行了检查，是否存在任何错误？如果应用“datepicker

，选择器（“.datepicker text”）是否有任何长度，是否可以尝试调试语句？如果不使用第四个脚本，则不会展开gridview行。。这就是为什么用这个，这是错误的！您只能使用一个jquery。如果您需要多个版本，有一个脚本来支持它们，那么我们如何支持它们呢？你知道吗？你不应该用。。。当我不使用第四个脚本时，这不会展开gridview行。。这就是为什么用这个，这是错误的！您只能使用一个jquery。如果您需要多个版本，有一个脚本来支持它们，那么我们如何支持它们呢？你知道吗？你不应该用@用户6002727你试过我的吗？它是否适用于您？是的，我已尝试，但TextMode属性中出现生成错误。请使用TextMode属性指定TextBox控件是显示为单行、多行还是密码文本框。参考：@user6002727你试过我的吗？它是否适用于您？是的，我已尝试，但TextMode属性中出现生成错误。请使用TextMode属性指定TextBox控件是显示为单行、多行还是密码文本框。参考：
$(function () {
            var jQuery_1_11_4 = $.noConflict(true);
            jQuery_1_11_4(".datepicker-text").datepicker();
        });