为什么v-model不能在输入日期时间选择器引导中工作？（Vue.JS 2）

我的vue组件，您可以在下面看到：

<template>
    <div>
        <div class="col-sm-2">
            <div class="form-group">
                <input v-model="fromDate" data-date-format="DD-MM-YYYY" title="DD-MM-YYYY" type="text" class="form-control" placeholder="Date" name="to_date" id="datetimepicker" required>
            </div>
        </div>
        <div class="col-sm-1">
            <div class="form-group" style="text-align: center">
                -
            </div>
        </div>
        <div class="col-sm-2">
            <div class="form-group">                           
                <input v-model="toDate" data-date-format="DD-MM-YYYY" title="DD-MM-YYYY" type="text" class="form-control" placeholder="Date" name="to_date" id="datetimepicker" required>
            </div>
        </div>
        <div class="col-sm-4">
            <button v-on:click="filter()" class="btn btn-default" type="button">
                <span class="glyphicon glyphicon-search"></span>
            </button>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return{
                fromDate: '',
                toDate: ''
            }
        },
        methods: {
            filter: function() {
                console.log(this.fromDate)
                console.log(this.toDate)
            }
        }
    }
</script>

-
导出默认值{
数据（）{
返回{
起始日期：''，
toDate:'
}
},
方法：{
过滤器：函数（）{
console.log（this.fromDate）
console.log（this.toDate）
}
}
}

当我选择datepicker并单击search按钮时，无法成功获取datepicker的值

我尝试了console.log，但结果为空

---

有人能帮我吗？

您的代码可能重复，对我来说很好-控制台会在单击按钮时记录输入。@wostex，您如何尝试？在我的localhost中，它不是display@Potray，这个问题没有什么不同我刚刚将它粘贴到我的单个文件组件中，它实现了预期的功能。这只是这个组件还是您的应用程序设置错误？尝试在JSFIDLE上复制您的问题。可能重复的代码对我来说很好-控制台在单击按钮时记录输入。@wostex，您如何尝试？在我的localhost中，它不是display@Potray，这个问题没有什么不同我刚刚将它粘贴到我的单个文件组件中，它实现了预期的功能。这只是这个组件还是您的应用程序设置错误？尝试在JSFIDLE上复制您的问题。