Datetimepicker plugin

I tried a simple test with the following filter, when attempting to getRule, it throws an error that the input is NULL.

$('#builder-widgets').queryBuilder({
  plugins: ['bt-tooltip-errors'],
  filters: [{
    id: 'date',
    label: 'datetimepicker',
    type: 'datetime',
    plugin: 'datetimepicker',
    plugin_config: {
    }
  }]
});

Not sure why the input would return an empty value (https://eonasdan.github.io/bootstrap-datetimepicker/). No error thrown in console.

[mistic100]

But you don’t need it anymore, the doc says to use input_event: 'dp.change'

[mistic100]

The problem is that the author of the library decided to not fire the standard “change” event on the input when the datepicker is closed, thus QueryBuilder can’t be updated.

You need to manually trigger the “change” event when the date picker is updated (see DP doc about events).

$('#builder-widgets').on('afterCreateRuleInput.queryBuilder', function(e, rule) {
    if (rule.filter.id === 'date') {
      var $input = rule.$el.find('.rule-value-container [name*=_value_]');
      $input.on('dp.change', function() {
          $input.trigger('change');
      });
    }
});

In a next version I’ll provide a way to teach QueryBuilder which events to listen to