mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-11-21 01:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): calendar component header support slot (#3316)

Browse Source 
* feat(components): calendar component header support slot

* feat(components): calendar component header support slot

* feat(components): calendar component header support slot
This commit is contained in:
啝裳 2021-09-12 18:32:53 +08:00 committed by GitHub
parent d43064c054
commit 629fef2993
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/components/calendar/src/index.vue
View File

@ -1,20 +1,25 @@
<template>
<div class="el-calendar">
<div class="el-calendar__header">
<div class="el-calendar__title">{{ i18nDate }}</div>
<div v-if="validatedRange.length === 0" class="el-calendar__button-group">
<el-button-group>
<el-button size="mini" @click="selectDate('prev-month')">
{{ t('el.datepicker.prevMonth') }}
</el-button>
<el-button size="mini" @click="selectDate('today')">
{{ t('el.datepicker.today') }}
</el-button>
<el-button size="mini" @click="selectDate('next-month')">
{{ t('el.datepicker.nextMonth') }}
</el-button>
</el-button-group>
</div>
<slot name="header" :date="i18nDate">
<div class="el-calendar__title">{{ i18nDate }}</div>
<div
v-if="validatedRange.length === 0"
class="el-calendar__button-group"
>
<el-button-group>
<el-button size="mini" @click="selectDate('prev-month')">
{{ t('el.datepicker.prevMonth') }}
</el-button>
<el-button size="mini" @click="selectDate('today')">
{{ t('el.datepicker.today') }}
</el-button>
<el-button size="mini" @click="selectDate('next-month')">
{{ t('el.datepicker.nextMonth') }}
</el-button>
</el-button-group>
</div>
</slot>
</div>
<div v-if="validatedRange.length === 0" class="el-calendar__body">
<date-table :date="date" :selected-day="realSelectedDay" @pick="pickDay">