Для фильтров даты требуется jquery и указатель даты

Question

Так что я продолжаю с этим Как использовать Vue -tables-2 - таблицы для vuejs Я сделал все, что он сделал, но я все еще получаю эту ошибку:

Для фильтров даты требуется jquery, а daterangepicker

- вот мое приложение. js

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import VueI18Next from '@panter/vue-i18next';
import {ClientTable, Event} from 'vue-tables-2';
import daterangepicker from 'daterangepicker';
window.moment = require('moment');
import './vendor.js'

import App from './App.vue'
import router from './router'
import i18next from './i18n.js';

Vue.config.productionTip = false

Vue.use(BootstrapVue);
Vue.use(VueI18Next);
Vue.use(ClientTable);


new Vue({
   i18n,
   router,
   render: h => h(App)
}).$mount('#app');

, и я также попытался использовать Vue .use ('daterangepicker') на странице. открыть, и я получаю это в консоли

[Vue warn]: Vue является конструктором и должен вызываться с ключевым словом new Uncaught TypeError: Невозможно создать свойство 'guid' для строки '.prev 'Uncaught TypeError: this._init не является функцией

мой компонент

data() {
        return {
            tableData: [],
            columns: ['orderID','client','date', 'status','total', 'action'],
            options: {
                filterByColumn: true,
                dateColumns:['date'],
                dateFormat: 'YYYY-MM-DD',
                datepickerOptions: {
                    showDropdowns: true,
                    autoUpdateInput: true,
                },
                sortIcon: {
                    is: 'fa-sort',
                    base: 'fas',
                    up: 'fa-sort-up',
                    down: 'fa-sort-down'
                },
                headings: {
                    orderID: 'ID',
                    client: 'Client Name',
                    date: 'Purchase Date',
                    status: 'Order Status',
                    total: 'Total',
                    action: 'Action'

                },
                sortable: ['client', 'date','status','total'],
                filterable: ['client', 'date', 'total'],
                perPage:10,
                perPageValues:[10],
                requestAdapter(data) {
                    return {
                        page: data.page ?  data.page : 1,
                    }
                },
                responseAdapter({data}) {
                    return {
                        data : data.data,
                        count: data.count
                    }
                },

            }
        }
    },