/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

0 vote261 views1 answer
Window bind load jquery
Javascript jQuery
0 vote258 views1 answer
How to add text to h2 with jquery
Javascript jQuery
1 vote250 views1 answer
Jquery to hide a div
Javascript jQuery
1 vote260 views1 answer
Jquery ajax delete
Javascript jQuery
0 vote273 views1 answer
Jquery datepicker on multiple input fields
Javascript jQuery
5 votes273 views5 answers
Scrollheight jquery
Javascript jQuery
0 vote257 views1 answer
Tictactoe using Jquery
Javascript jQuery
2 votes253 views1 answer
Columndefs in datatable not working while setting width jquery
Javascript jQuery
1 vote295 views1 answer
Column.footer jquery
Javascript jQuery
0 vote249 views1 answer
On page fully loaded jquery
Javascript jQuery