/Javascript/jQuery/Jquerybuilder input date

Jquerybuilder input date

var rules_widgets = {
  condition: 'OR',
  rules: [{
    id: 'date',
    operator: 'equal',
    value: '1991/11/17'
  }]
};

$('#builder-widgets').queryBuilder({
  plugins: ['bt-tooltip-errors'],

  filters: [{
    id: 'date',
    label: 'Datepicker',
    type: 'date',
    validation: {
      format: 'YYYY/MM/DD'
    },
    plugin: 'datepicker',
    plugin_config: {
      format: 'yyyy/mm/dd',
      todayBtn: 'linked',
      todayHighlight: true,
      autoclose: true
    }
  }],

  rules: rules_widgets
});

$('#btn-reset').on('click', function() {
  $('#builder-widgets').queryBuilder('reset');
});

$('#btn-set').on('click', function() {
  $('#builder-widgets').queryBuilder('setRules', rules_widgets);
});

$('#btn-get').on('click', function() {
  var result = $('#builder-widgets').queryBuilder('getRules');

  if (!$.isEmptyObject(result)) {
    alert(JSON.stringify(result, null, 2));
  }
});

Source: stackoverflow.com

Similar codes

18 votes199 views1 answer
Remove attribute jquery
Javascript jQuery
1 vote181 views1 answer
Select readonly jquery
Javascript jQuery
0 vote211 views2 answers
Jquery noconflict
Javascript jQuery
0 vote221 views2 answers
If media query jquery
Javascript jQuery
2 votes201 views2 answers
Why we use $ in jquery
Javascript jQuery
1 vote210 views3 answers
Jquery disable all forms
Javascript jQuery
1 vote203 views2 answers
$.post jquery beforesend loader
Javascript jQuery
2 votes196 views2 answers
Jquery set attribute readonly
Javascript jQuery
0 vote198 views2 answers
Jquery 3.6.0
Javascript jQuery
59 votes202 views5 answers
Jquery id click
Javascript jQuery