我试图使用bootstrap-datepicker与Vue.js尝试创建一个简单的datepicker组件.问题是,当我写入输入时,组件的数据会更新.但是当我使用datepicker gui时,它不起作用.数据未更新.为什么？究竟缺少什么？
这是我的代码:
Vue.component('picker', {
'props': {
'date': {
'twoWay': true
}
},
'template': '\
<div class="form-group">\
<div class="input-group date datepicker">\
<input type="text" class="form-control" v-bind:value="this.date">\
<span class="input-group-addon">\
<span class="glyphicon glyphicon-calendar"></span>\
</span>\
</div>\
</div>',
'watch': {
'date': function(value) {
console.log('Updated!');
}
},
'mounted': function() {
$(this.$el.firstChild).datetimepicker();
}
});
app = new Vue({
'el': '#app',
'data': {}
});<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Transition ve Collapse -->
<script src="collapse.js"></script>
<script src="transition.js"></script>
<!-- Moment JS -->
<script …