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>
アップデート
私もこれを 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;
})
});