相关疑难解决方法(0)

v-model 不适用于引导日期选择器

设想

我正在更改主题默认值和超级难看的日期选择器,并决定使用引导程序日期选择器,可以在此处找到。我遇到的问题是,当我使用日期选择器时,我的“v-model”属性没有执行任何操作,但当我在输入字段中键入时,它会执行某些操作。

代码

// Html
<div class="position-relative has-icon-left">
    <input v-model="user.date_of_birth" placeholder="dd/mm/yyyy" id="date-of-birth" class="form-control datepicker" name="date">
    @{{ user.date_of_birth }}
</div>

// javascript
$('.datepicker').datepicker({
    format: 'dd/mm/yyyy',
    setDate: new Date()
});
Run Code Online (Sandbox Code Playgroud)

日期选择器工作并初始化,并更改输入字段上的值。我的问题是,除非我在字段中实际输入,否则 v-model 会被完全忽略!

问题

我如何让 v-model 与这个日期选择器一起工作?v-model 无法与此日期选择器配合使用是否有特定原因?

datepicker twitter-bootstrap vue.js

5
推荐指数
1
解决办法
8296
查看次数

标签 统计

datepicker ×1

twitter-bootstrap ×1

vue.js ×1