为什么datepicker返回null?

巴亚尼汉4

我有两个文本框start_dateend_date我的问题是当我单击search button它给出一个null值。我想提醒并在文本框中显示该值。我认为问题开始于当我单击切换按钮时。我在Vuejs中使用jquery。有人可以帮我解决我的问题吗?这是我的jsFiddle-> https://jsfiddle.net/vL4z071a/

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);
}
提比略坎

显示时,日期选择器不存在second-view我检查了选择器是否存在,并且返回的长度为0。因此,在日历中选择日期时,Vue并未设置开始/结束日期。我已经在文档本身上创建了一个侦听器,以侦听dp.change并相应地更新日历。

JsFiddle

$(document).on('dp.change', function(event) {
  if (event.date) {
    var date = event.date.format('YYYY-MM-DD');
    (event.target.className.indexOf('datepicker2') > -1) ? Vue.set(vm, 'end_date', date): Vue.set(vm, 'start_date', date);
  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章