This is a migrated thread and some comments may be shown as answers.

How to use filter in radgrid with timpicker

0 Answers 46 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Nhật
Top achievements
Rank 1
Nhật asked on 12 Jan 2018, 10:52 AM

Hi Team,

I have RadGrid filter with timepicker. How to get value in timepicker with javascript.

My code

<asp:GridTemplateColumn UniqueName="ArrivalTime" DataField="ArrivalTime"
                                    HeaderText="Visit Date" HeaderStyle-Width="20%">
    <FilterTemplate>
                                        <asp:RadTimePicker RenderMode="Lightweight"
                                            ID="rdpArrivalTime" runat="server" Width="99%"
                                            ClientEvents-OnDateSelected="ArrivalTimeDateSelected"
                                            DbSelectedDate="<%# SetArrivalTime(Container) %>" />
                                        <asp:RadScriptBlock ID="rsbArrivalTime" runat="server">
                                            <script type="text/javascript">
                                                function ArrivalTimeDateSelected(sender, args) {
                                                    var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                                    var date = FormatSelectedDate(sender);
                                                    tableView.filter("ArrivalTime", date, "EqualTo");
                                                }
                                                function FormatSelectedDate(picker) {
                                                    var date = picker.get_selectedDate();
                                                    var dateInput = picker.get_dateInput();
                                                    date.setHours(date.getHours() + 1);
                                                    date.setMinutes(date.getMinutes());
                                                    var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());
                                                    return formattedDate;
                                                }
                                            </script>
                                        </asp:RadScriptBlock>
   </FilterTemplate>
   <ItemTemplate>
           <%# !Eval("ArrivalTime").Equals(DateTime.MinValue) ? string.Format("{0:hh:mm tt}",Eval("ArrivalTime")) : "" %>
   </ItemTemplate>
</asp:GridTemplateColumn>

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Nhật
Top achievements
Rank 1
Share this question
or