<template> <div> <h2>Week Number</h2> <Calendar :selection="value" :showWeek="true" weekNumberHeader="Wk" @selectionChange="value=$event" style="width:250px;height:250px"></Calendar> <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>