You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.1 KiB
55 lines
2.1 KiB
<template>
|
|
<view class="van-calendar">
|
|
<header :title="title" :showTitle="showTitle" :subtitle="subtitle" :showSubtitle="showSubtitle" :firstDayOfWeek="firstDayOfWeek" @click-subtitle="onClickSubtitle">
|
|
<slot name="title" slot="title"></slot>
|
|
</header>
|
|
|
|
<scroll-view class="van-calendar__body" scroll-y :scroll-into-view="scrollIntoView">
|
|
<month
|
|
:id="'month' + index"
|
|
class="month"
|
|
:data-date="item"
|
|
:date="item"
|
|
:type="type"
|
|
:color="color"
|
|
:minDate="minDate"
|
|
:maxDate="maxDate"
|
|
:showMark="showMark"
|
|
:formatter="formatter"
|
|
:rowHeight="rowHeight"
|
|
:currentDate="currentDate"
|
|
:showSubtitle="showSubtitle"
|
|
:allowSameDay="allowSameDay"
|
|
:showMonthTitle="index !== 0 || !showSubtitle"
|
|
:firstDayOfWeek="firstDayOfWeek"
|
|
@click="onClickDay"
|
|
v-for="(item, index) in computed.getMonths(minDate, maxDate)"
|
|
:key="index"
|
|
></month>
|
|
</scroll-view>
|
|
|
|
<view :class="utils.bem('calendar__footer', { safeAreaInsetBottom })">
|
|
<slot name="footer"></slot>
|
|
</view>
|
|
|
|
<view :class="utils.bem('calendar__footer', { safeAreaInsetBottom })">
|
|
<van-button
|
|
v-if="showConfirm"
|
|
round
|
|
block
|
|
type="danger"
|
|
:color="color"
|
|
custom-class="van-calendar__confirm"
|
|
:disabled="computed.getButtonDisabled(type, currentDate, minRange)"
|
|
nativeType="text"
|
|
@click="onConfirm"
|
|
>
|
|
{{ computed.getButtonDisabled(type, currentDate, minRange) ? confirmDisabledText : confirmText }}
|
|
</van-button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script module="computed" lang="wxs" src="@/miniprogram_npm/@vant/weapp/calendar/index.wxs"></script>
|
|
<script module="utils" lang="wxs" src="@/miniprogram_npm/@vant/weapp/wxs/utils.wxs"></script>
|
|
|
|
<style></style>
|
|
|