1
0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
vant/src/calendar/demo/TiledDisplay.vue
2021-08-27 10:20:37 +08:00

32 lines
651 B
Vue

<script setup>
import { useTranslate } from '@demo/use-translate';
const minDate = new Date(2012, 0, 10);
const maxDate = new Date(2012, 2, 20);
const t = useTranslate({
'zh-CN': {
calendar: '日历',
tiledDisplay: '平铺展示',
},
'en-US': {
calendar: 'Calendar',
tiledDisplay: 'Tiled display',
},
});
</script>
<template>
<demo-block card :title="t('tiledDisplay')">
<van-calendar
:title="t('calendar')"
:poppable="false"
:show-confirm="false"
:min-date="minDate"
:max-date="maxDate"
:default-date="minDate"
:style="{ height: '500px' }"
/>
</demo-block>
</template>