我有两个文本框start_date
和end_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
并相应地更新日历。
$(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] 删除。
我来说两句