| | |
|---|
| | | <template> |
|---|
| | | <div class="calenBox"> |
|---|
| | | <el-calendar ref="calendar" v-model="currentMonth"> |
|---|
| | | <el-calendar ref="calendar" v-model="currentMonth" > |
|---|
| | | <template #header="{ date }"> |
|---|
| | | <div> |
|---|
| | | <img :src="caleft" alt="" @click="selectDate('prev-month')" /> |
|---|
| | | |
|---|
| | | <el-date-picker |
|---|
| | | v-model="currentMonth" |
|---|
| | | type="month" |
|---|
| | |
|---|
| | | |
|---|
| | | <style lang="scss"> |
|---|
| | | .calenBox { |
|---|
| | | height: pxToVh(660); |
|---|
| | | height: pxToVh(670); |
|---|
| | | // 隐藏按钮组中间按钮 |
|---|
| | | .el-button-group > .el-button:not(:first-child):not(:last-child) { |
|---|
| | | display: none; |
|---|
| | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .calenBox { |
|---|
| | | margin-top: 10px; |
|---|
| | | height: pxToVh(622); |
|---|
| | | height: pxToVh(632); |
|---|
| | | border-radius: 10px; |
|---|
| | | overflow: hidden; |
|---|
| | | background-color: #fff; |
|---|
| | |
|---|
| | | color: #363636; |
|---|
| | | } |
|---|
| | | .el-calendar-table .el-calendar-day { |
|---|
| | | height: pxToVh(85) !important; |
|---|
| | | height: pxToVh(88) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 选中日期样式 |
|---|
