如何在Asp.net网格视图中添加Jquery Ui日期选择器控件?

时间:2012-07-17 14:13:47

标签: jquery asp.net jquery-ui


如何将Jquery Ui DatePicker添加到GridView。请查看我编写的示例代码。
感谢

 <script type="text/javascript">
            $(document).ready(function ()
            {
                $("[id$=txtDate]").datepicker();
            });
        </script>
<asp:TemplateField HeaderText="Date">
                    <EditItemTemplate>
                        <asp:TextBox ID="txtDate" runat="server" Text='<%# Bind("MilkingDate") %>' />
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label runat="server" ID="lblDate" Text='<%# Eval("MilkingDate") %>' />
                    </ItemTemplate>
                </asp:TemplateField>

1 个答案:

答案 0 :(得分:5)

在文本框中添加一个类:

<asp:TextBox 
    ID="txtDate" runat="server" Text='<%# Bind("MilkingDate") %>'
    CssClass="youpi" 
    />

然后将此类用作jQuery选择器:

<script language="javascript" type="text/javascript">
    $(function() {
        $(".youpi").datepicker();
    });

</script>