"Combine field filters" for date filter ! [#2366721]

Hi, everyone. I have two date fields, how to create only one date exposed filter for two this field. I tried "Global:Combine field filter" and views filter populate but can't not resolve this problem. Thanks.

Comments

Comment #1

Iceabenezer CreditAttribution: Iceabenezer commented 2 March 2015 at 16:28

Same issue here. I have to have two different date fields because I have to collect different granularity depending on the product selected. Any thoughts?

Comment #2

morrisem CreditAttribution: morrisem commented 4 May 2017 at 23:47

After struggling with this same issue, I "solved" it by creating two exposed date filters with Filter identifiers "f1" and "f2", hiding f2 via CSS, and then using the Javscript injector module to inject the following jQuery into the page with the exposed filters:

var $f1 = jQuery("input#edit-field-f1-value-datepicker-popup-0");
var $f2 = jQuery("input#edit-field-f2-value-datepicker-popup-0");

$f1.change(function()
{
   $f2.val($f1.val());
});

Thus, whenever f1 is changed, f2 is set to its value, so both filters test against the same thing, but only one field is presented to the user. A bit hackish, but it's the best I could figure out.

Comment #3

P2790 CreditAttribution: P2790 commented 29 May 2017 at 09:02

@morrisem
I have been trying your code, but it just doesn't seem to work. Nothing seems to happen
Are your exposed filters using the date popup

Comment #4

P2790 CreditAttribution: P2790 commented 29 May 2017 at 13:36

I used:

(function ($) {

$(function () {
    $("#edit-f1-min-datepicker-popup-0, #edit-f2-min-datepicker-popup-0, #edit-f3-min-datepicker-popup-0").datepicker();
    $("#edit-f1-min-datepicker-popup-0").datepicker("option", "onSelect", function (dateText, inst) {
        var date1 = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);

      	var date2 = new Date(date1.getTime());
        date2.setDate(date2.getDate() + 1);
        $("#edit-f2-min-datepicker-popup-0").datepicker("setDate", date2);

      	var date3 = new Date(date1.getTime());
        date3.setDate(date3.getDate() + 2);
        $("#edit-f3-min-datepicker-popup-0").datepicker("setDate", date3);

    });
});

}(jQuery));

Also using the preprocess and the header in js injector

Comment #5

jincy_k CreditAttribution: jincy_k commented 30 August 2018 at 10:22

I also have a similar requirement. In views exposed filter, I need to show a start date and a select field for showing the number of weeks. User on selecting the start date(pop up field) and number of weeks, I want to calculate and populate the end date field. In hook_views_query_alter, I'm trying to alter the conditions. But no luck for date filter. Please help me with a reply. Please correct me if I'm doing something wrong.