Vue js的日期选择器

Question

我正在与vue.js一起在laravel中进行简单的过滤器搜索，但是我在尝试使用jquery或bootstrap datepicker时遇到了困难，我尝试了一下，但没有成功

    var picker = Vue.component('date-picker', {
          template: '<input/>',
          props: [ 'dateFormat' ],
          mounted: function() {
          var self = this;
          $(this.$el).datepicker({
            dateFormat: this.dateFormat,
            onSelect: function(date) {
              self.$emit('update-date', date);
            }
          });
          },
          beforeDestroy: function() {
            $(this.$el).datepicker('hide').datepicker('destroy');
          }
        });

        new Vue({
          el: '#app',
          data: {
            date: null
          },
          components: {picker: picker},
          methods: {
            updateDate: function(date) {
              this.date = date;
            }
          }
        });

在我的html中，我有

 <date-picker @update-date="updateDate" date-format="yy-mm-dd" v-once></date-picker>