Vue.js VueJS中的一个简单日期选择器

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>

我想在components输入标记中创建一个datetimepicker。我已经实现了引导datetimpicker,但是当我选择date时,我无法在components方法中获得输入值( 以下是一个例子:


问题出在您的日期选择器中,如果您在控制台中查看,它会崩溃,并且可能无法正确更新状态,请尝试默认状态:

<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>