<template> <div> <h2>Basic DateBox</h2> <DateBox v-model="value"></DateBox> <p v-if="value">{{value | formatDate}}</p> </div> </template> <script> export default { data() { return { value: new Date() }; }, filters: { formatDate(date) { let y = date.getFullYear(); let m = date.getMonth() + 1; let d = date.getDate(); return [m, d, y].join("/"); } } }; </script>