Add search field for both Start Date and Duration columns

[Siarhei]

Hi @j4rdell,

Yes, it’s possible to filter tasks based on different fields(including start/end dates and duration), here is an example of how it could be implemented:

DHTMLX Snippets

You can read the step-by-step description of this example by the following link:

Filter gantt based on date

Hi @secla, In order to implement the date filtering, you should do a few steps: Create HTML inputs to print the data range, like in the code fragment from your post. Get the HTML input’s through the js to be able to get their values, like in this code fragment: gantt.attachEvent("onDataRender", function(){ start_search_box = document.getElementById("search_start"); end_search_box = document.getElementById("search_end"); }); After that, you will be able to get their values, but to…

You can easy extend this solution by adding additional search fields and filter conditions.

Regarding the displaying label and input on the separate lines - there are many ways to implement it, the easiest is to use the following CSS(you can check it in the HTML tab of the example above):

input, label {
    display:block;
}

You also may give the class or id to specific inputs, and use this rule on a class instead of element tags:

// CSS part
.blocked{
    display:block;
}
// HTML part
<label class="blocked"> .... <label>