相关疑难解决方法(0)

我正在努力转换表格以利用VueJS.该表单包含使用eonasdan/bootstrap-datetimepicker(http://eonasdan.github.io/bootstrap-datetimepicker/)的出生日期输入.

问题是,当我dob使用DateTimePicker 更改输入的值时,VueJS不会绑定到此.它只有在用户直接输入输入时才有效,这正是我想要避免的(正确格式化日期).

输入本身并不特别:

<div class="input-group date">
    <input id="dob" 
        v-model="newCamper.dob" 
        placeholder="MM-DD-YYYY" 
        class="form-control" 
        name="dob" type="text">
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

UPDATE

我也尝试过使用digitalbrush Masked Input Plugin,结果相同.似乎Vue无法识别除输入中的简单输入之外的任何内容.然而,这有效 - 尽管它有点笨重:

$(document).ready(function () {
    var dob = $("#dob");
    dob.mask("99/99/9999",{placeholder:"MM/DD/YYYY"});
    dob.change(function() 
       var value = $(this).val();
       vm.$data.newCamper.dob = value;
    })
});