Я работаю над преобразованием формы для использования 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>

ОБНОВИТЬ

Я также попробовал это с цифровым плагином Masked Input, тот же результат. Кажется, что-либо, кроме простого набора текста на входе, не распознается 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;
    })
});