Custom date filter (30, 60, 90 day)

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    2 posts
    Member since:
    Aug 2016

    Posted 07 Dec 2016 Link to this post

    I'm trying to create a custom filter on a date field to show items that have a date in the next 30, 60 and 90 days, including any overdue (i.e. dated in the past).

    The current code creates a filter with the needed options, but how can the filters be implemented? The 30 day filter is to be applied when the data is loaded initially.

    var pending = [ "60 days", "90 days" ];
    var riskFilter = function(e) {
       e.kendoDropDownList({  optionLabel: "30 days", dataSource: pending });
         theme: 'npw',
         columns: [
              { width: "240px", field: "nextreview", title: "Next Review Date",
                format: "{0:dd MMMM yyyy}", filterable: { ui: pendingFilter } },
    filterable: {
           extra: false,
           operators: {
              date: {
               lte: "Is due within"
  2. Rosen
    Rosen avatar
    3253 posts

    Posted 09 Dec 2016 Link to this post

    Hello Kevin,

    The scenario you have described is not supported out-of-the-box. To achieve this you will need to unbind the filter menu widgets and handle the creation of the filter descriptors yourself. Here you can find a test page which demonstrates a possible basic implementation of such functionality.

    Telerik by Progress
    Kendo UI is ready for Visual Studio 2017 RC! Learn more.
Back to Top