Jquery Calendar Inside a radgrid

[Vvamc]

Hi ,

I wanted to have a column with J-query calendar and i am not able to achieve this using rad grid .But  the normal grid i am able to assign it with the class name. Can you help me out.

Thanks 
Vk

[Shinu]

Hi,

Please try the following code snippet to show JQuery DatePicker in RadGrid.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false"                                        DataSourceID="SqlDataSource1">
    <MasterTableView>
        <Columns>
            <telerik:GridTemplateColumn>
                <ItemTemplate>
                    <input type="text" id="datepicker" value='<%# Eval("OrderDate") %>'>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

JavaScript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript">
</script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
    rel="Stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("[id$=datepicker]").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: 'http://docs.intersystems.com/cache20102/csp/docbook/images/ddd_icon_add_control_date_picker.png'
        });
    });
</script>

Hope this will helps you.
Thanks,
Shinu.

[Vvamc]

Thanks a lot shinu.It works perfectly.

[Karu]

 <telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Date" UniqueName="R_Date" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="Small">
                                <ItemTemplate>
                                    <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Width="100px" DatePopupButton-Visible="false"
                                        ShowPopupOnFocus="true" DbSelectedDate='<%# Bind("R_Date") %>'>
                                        <DateInput ID="DateInput1" runat="server" DateFormat="MM/dd/yyyy" onkeydown="keyDown(this, event)">
                                        </DateInput>
                                    </telerik:RadDatePicker>                                    
                                </ItemTemplate>
                            </telerik:GridTemplateColumn> I am using Telerik Rad datepicker to showin the grid . thats working fine. But problem is - Export to PDF am not able to get the DatePicker value. 

[Eyup]

Hello Karu,

In addition to the suggestion in this post:
http://www.telerik.com/forums/problem-with-export-to-excel-with-template-columns-data-not-displaying#864sWWuHPkCNUJgfy_Usag

I am sending a sample RadGrid web site to demonstrate how you can achieve the requested functionality. Please run the attached application and let me know if it helps you.

Regards,
Eyup
Telerik