How to use filter in radgrid with timpicker

1 posts, 0 answers
  1. Nhật
    Nhật avatar
    1 posts
    Member since:
    Jan 2018

    Posted 12 Jan 2018 Link to this post

    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>

Back to Top