Vue.jsのvuejs-datepickerのフォーマットを変更したい。

Question

下記のvuejs-datepickerを使用しています。
https://github.com/charliekassel/vuejs-datepicker

下記のサイトを参考に、formatをyyyy-MM-ddに変更しようとしているのですがinputの中身のformatが変わりません。
https://www.kabanoki.net/2560/

実際のコードは下記です。
どこか間違っている箇所はあるでしょうか。。

<div class="date_select">
	<vuejs-datepicker name="reserve_date" :format="DatePickerFormat" v-model="reserve_date" :language="ja" :inline="true"></vuejs-datepicker>
	<input type="text" :value="reserve_date">
</div>


<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/vuejs-datepicker"></script>
<script src="https://cdn.jsdelivr.net/npm/vuejs-datepicker@1.6.2/dist/locale/translations/ja.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" defer></script>


<script>
new Vue({
	el:"#app",
	data: {
		ja: vdp_translation_ja.js,
		DatePickerFormat: 'yyyy-MM-dd',
		reserve_date: '',
	},
	components: {
		'vuejs-datepicker':vuejsDatepicker
	},
	methods: {
		customFormatter(date) {
		return moment(date).format('YYYY/MM/DD');
		},
	}
})
</script>

Answer 1

:inline外したらわかると思うのですが:formatの値は
vuejs-datepikerに付属するinputの『見え方』に対して有効なのであって
v-modelに対して有効なのではないと思います。v-modelには
object dateとして入っているため自力で変換が必要です。

Comments

[Anon_]

あぁ！そういう事でしたか！
最速で正確な回答をありがとうございます。
とても助かりました。