在daterangepicker库中使用VueJs的问题

Question

在功能方面，一切正常。我面临的唯一问题是，当用户更改输入值时，vue模型staff_date_of_birth不会更新。我在这里使用的http://www.daterangepicker.com/#config

Daterangepicker库

输入元素的HTML

<input type="text" v-model="staff_date_of_birth" name="staff_date_of_birth" v-bdcalendar class="form-control col-md-7 col-xs-12 bdcalendar">

添加了VueJs指令，以便它可以调度更改事件。我已经为select2 selectbox使用了类似的解决方案，并且它可以工作。但是显然，即使已调度change事件，在这里它也不起作用

  Vue.directive('bdcalendar', {
        inserted(el) {
            $(el).on('hide.daterangepicker', () => {
                const event = new Event('change', { bubbles: true, cancelable: true });
                el.dispatchEvent(event);

        });
        },
    });