5

VueJS を利用するためのフォームの変換に取り組んでいます。フォームには、eonasdan/bootstrap-datetimepicker ( http://eonasdan.github.io/bootstrap-datetimepicker/ )を使用する生年月日の入力があります。

問題は、dobDateTimePicker で入力の値を変更すると、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;
    })
});
4

1 に答える 1