Vue.js VueJS中的一个简单日期选择器
我想在components输入标记中创建一个datetimepicker。我已经实现了引导datetimpicker,但是当我选择date时,我无法在components方法中获得输入值( 以下是一个例子:Vue.js VueJS中的一个简单日期选择器,vue.js,vue-component,Vue.js,Vue Component,我想在components输入标记中创建一个datetimepicker。我已经实现了引导datetimpicker,但是当我选择date时,我无法在components方法中获得输入值( 以下是一个例子: 问题出在您的日期选择器中,如果您在控制台中查看,它会崩溃,并且可能无法正确更新状态,请尝试默认状态: <div id="app"> <div> <input type="date" v-model="date"> </div>
问题出在您的日期选择器中,如果您在控制台中查看,它会崩溃,并且可能无法正确更新状态,请尝试默认状态:
<div id="app">
<div>
<input type="date" v-model="date">
</div>
{{date}}
</div>
{{date}}
(或类似的外部包)证明vue侦听dom节点的
输入
事件,而不是监视js对象的值(这是合理的,因为在我们document.querySelector()之前不会有任何js对象).Proof:,它说我们可以使用.lazy
修饰符来监听更改
事件,而不是输入
。因此,当基于jQuery的引导插件在js中更改输入的值
时,vue不会检测到它
幸运的是,该插件,因此我们可以在触发更改事件时手动设置视图模型的属性:
<div id="app">
<div>
<input type="date" v-model="date">
</div>
{{date}}
</div>