GridView中的Jquery日期?

时间:2015-03-17 02:56:47

标签: jquery asp.net jquery-ui-datepicker

  

我已经在项目模板中包含了jquery datepicker,如果我   从第二行文本框中的datepicker中选择日期   (tbxEffectiveFromDate),所选日期已存储在   第一行文本框不在选定的网格行索引中。和蔼   在网格视图中解析此jquery datepicker。如果我提到了   文本框类名称,它不起作用。

<asp:UpdatePanel ID="MainUpdatePanel" runat="server">
                                    <asp:GridView ID="gvBaseTarget" runat="server" CssClass="gvBaseTarget">
                                        <Columns>
                                            <asp:TemplateField ItemStyle-Width="18%" ItemStyle-CssClass="gvBaseTargetLeft" HeaderText="Effective From" HeaderStyle-CssClass="gvBaseTargetLeft">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="tbxEffectiveFromDate" runat="server" ReadOnly="true" ClientIDMode='Static' Enabled="false" Width="100px"   CssClass="tbxBaseTarget"></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                        </Columns>
                                    </asp:GridView>
</asp:UpdatePanel>
 $(document).ready(function () {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindPicker);
            bindPicker();
        });

        function bindPicker() 
        {
            var $gv = $("table[id$=gvBaseTarget]");
            var $rows = $("> tbody > tr:not(:has(th, table))", $gv);
            var $inputs = $("[id*=tbxEffectiveFromDate]", $rows);
            $inputs.datepicker();
        }

enter image description here

1 个答案:

答案 0 :(得分:0)

ClientIDMode='Static'将创建具有相同ID tbxEffectiveFromDate的所有文本框。那可能是问题的原因。

尝试从代码中删除ClientIDMode='Static'