ZПоиск - поиск на одной странице

Vue.component('date-picker', {
    props: ['name', 'value'],
    template: `<input type="text" v-on:input="$emit('input', $event.target.value)" v-bind:value="value" placeholder="Выбрать" v-bind:name="name" autocomplete="off" class="form-control date-input"/>`,
    mounted: function() {
        var vm = this;
        $(this.$el).datepicker({
            onSelect: function(date) {
                vm.$emit('input', date);
            },
            showStatus:true,
            changeYear:true,
            dateFormat:"dd.mm.yy"
        });
    },
    beforeDestroy: function() {
        $(this.$el).datepicker('hide').datepicker('destroy');
    }
});

<date-picker v-model="orders_filter.date_pub.from" name="date_pub[from]"></date-picker>