QueryBuilder 中日期选择器插件的问题

Question

我正在使用 QueryBuilder 并且我有一个日期类型的搜索。问题是我因为插件数据选择器而出错，但我不知道错误的原因是什么，有人能帮我吗？

我的代码：

        {
        id: 'pac_dt_validate',
        label: 'Data Validade',
        type: 'date',
        operators: ['equal', 'less', 'less_or_equal', 'greater', 'greater_or_equal', 'between'],
        validation: {
          format: 'dd/mm/yy'
        },
        plugin: 'datepicker',
        plugin_config: {
          dateFormat: 'dd/mm/yy',
          dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
          dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
          dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
          monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
          monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
          nextText: 'Próximo',
          prevText: 'Anterior',
          todayBtn: 'linked',
          todayHighlight: true,
          autoclose: true
        }


    <script src="{{ asset('vendor/adminlte/vendor/jquery-builder/js/query-builder.standalone.min.js') }}"></script>    
    <script src="{{ asset('vendor/adminlte/vendor/jquery-builder/query-builder.pt-BR.js') }}"></script>                
    <script src="{{ asset('vendor/adminlte/vendor/momentJs/moment-with-locales.min.js') }}"></script>

Bootstrapjs已经导入了，所以不是这个问题，出现的错误是这样的：

Uncaught TypeError: n[i.plugin] is not a function
at c.createRuleInput (query-builder.standalone.min.js:7)
at c.updateRuleFilter (query-builder.standalone.min.js:7)
at n.update (query-builder.standalone.min.js:7)
at n.dispatch (jquery.js:2)
at n.y.handle (jquery.js:2)

有人可以帮助我吗？提前谢谢你。

Answer 1

您需要导入 bootstrap-datepicker.js。请记住，此导入需要在导入 bootstrap.js.

之后

之后，您需要导入 bootstrap-datepicker.css 来设置插件样式

QueryBuilder 中日期选择器插件的问题

Problem with the datepicker plugin in QueryBuilder

javascript

datepicker

query-builder