40 lines
677 B
Vue
40 lines
677 B
Vue
<template>
|
||
<article>
|
||
<veui-calendar v-model="date"/>
|
||
<p>Selected: {{ readableDate }}</p>
|
||
</article>
|
||
</template>
|
||
|
||
<script>
|
||
import { Calendar } from 'veui'
|
||
|
||
export default {
|
||
components: {
|
||
'veui-calendar': Calendar
|
||
},
|
||
data () {
|
||
return {
|
||
date: new Date()
|
||
}
|
||
},
|
||
computed: {
|
||
readableDate () {
|
||
return this.date.toLocaleDateString(this.$i18n.locale, {
|
||
weekday: 'long',
|
||
year: 'numeric',
|
||
month: 'long',
|
||
day: 'numeric'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<docs>
|
||
支持 `v-model`，数据类型为原生 `Date` 类型。
|
||
</docs>
|
||
|
||
<docs locale="en-US">
|
||
Supports `v-model` with value type being the native `Date`.
|
||
</docs>
|