Jquery 为什么日期选择器返回null？

我有两个文本框，

开始日期

和

结束日期

。我的问题是，当我单击

搜索按钮时，它会给出一个
null
值。我想提醒并在文本框中显示该值。我想问题是从我点击切换按钮开始的。我在Vuejs中使用jquery。有人能帮我解决我的问题吗？这是我的JSFIDLE->

显示第二视图时，日期选择器不存在。我检查了选择器是否存在，它们返回的长度为0。因此，在日历中选择日期时，Vue没有设置开始/结束日期。我在文档本身上创建了一个侦听器，用于侦听
dp.change
，并相应地更新日历



$（文档）.on（'dp.change'，函数（事件）{
如果（事件日期）{
变量日期=事件日期格式（'YYYY-MM-DD'）；
（event.target.className.indexOf（'datepicker2'）>-1）？Vue.set（vm'end\u date'，date）：Vue.set（vm'start\u date'，date）；
}
});显示第二视图时，日期选择器不存在。我检查了选择器是否存在，它们返回的长度为0。因此，在日历中选择日期时，Vue没有设置开始/结束日期。我在文档本身上创建了一个侦听器，用于侦听
dp.change
，并相应地更新日历



$（文档）.on（'dp.change'，函数（事件）{
如果（事件日期）{
变量日期=事件日期格式（'YYYY-MM-DD'）；
（event.target.className.indexOf（'datepicker2'）>-1）？Vue.set（vm'end\u date'，date）：Vue.set（vm'start\u date'，date）；
}
});这太棒了！这太棒了！
toggleView : function() {
    if(this.first_view == true) {
      this.first_view = false;
      this.second_view = true;
    }
    else {
      this.second_view = false;
      this.first_view = true;
    }
    var args = {
      format: 'YYYY-MM-DD'
    };
    this.$nextTick(function() {
      $('.datepicker').datetimepicker(args)
      $('.datepicker2').datetimepicker(args)
    });

    this.$nextTick(function() {
      $('.time-picker').datetimepicker({
        format: 'LT'
      })
    }); 
},
displayDate : function() {
    alert(this.start_date);
    alert(this.end_date);
}