CODEWITHSUNDEEP
jqueryasp.netjquery-ui
Abhishek Shukla
Abhishek Shukla

Reputation: 666

How to add Jquery Ui Date Picker Control in Asp.net Grid view?


how do i add Jquery Ui DatePicker to GridView .Please have a look at sample code that i have written.
Thanks

 <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>

Upvotes: 3

Views: 9812

Answers (1)

Steve B
Steve B

Reputation: 37660

Add a class to your textbox :

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

then use this class as a jQuery selector :

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

</script>

Upvotes: 5

Related Questions