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

Date Column Filter with from date to date - Kendo UI Angular

1 Answer 3691 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Shalini
Top achievements
Rank 1
Shalini asked on 15 Apr 2020, 06:35 AM
I have column upload date filter with datepicker. How to add a date column filter with from and to datepickers. please suggest i am new to kendo UI.
Rahul
Top achievements
Rank 1
Iron
commented on 19 Apr 2022, 11:42 AM

can anybody tell me How can we create the functionality of "Between" filter in the Kendo grid filter for numeric and Date types.

 

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 17 Apr 2020, 05:41 AM

Hi Shalini,

I am not sure what you mean by "column upload date filter with datepicker". Could you provide a bit more details as to which Kendo UI for Angular component is used in your case. Is the Grid used, or is the Upload component included some how? Thank you.

If the requirement is to create a date filter that has two DatePickers than this can be achieved using the built-in [filter]="'date'" property when using a filter menu:

https://stackblitz.com/edit/angular-ygnmj1-ehx9fg?file=app/app.component.ts

If the Grid uses row filtering than another option would be to have two columns in the Grid (each bound to a separate [field] property), one column should be "From" and the other one "To", where each uses the default [filter]="'date'".

Last but not least, the developer can create a custom filter which suites any use-case scenario for a filter row or a filter menu. Please check the following article demonstrating the process of creating of custom filter components:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/

On the bottom of the above article it is also demonstrated how a filter by range can be implemented based on the DateRange component:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-filtering-by-date-ranges

I hope the provided information helps. Please let me know in case the overtaken approach on your side isn't based on the Grid component and provide any additional details so that we can provide some more suggestions in case further assistance is required for this case. Thank you.

Regards,
Svetlin
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
General Discussions
Asked by
Shalini
Top achievements
Rank 1
Answers by
Svet
Telerik team
Share this question
or