From 2f7a713ecffb7b3a00f1f08bad7488c8f79442ad Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期四, 24 四月 2025 09:45:04 +0800
Subject: [PATCH] 提交日历视图
---
src/views/basicData/calendarView/index.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/basicData/calendarView/index.vue b/src/views/basicData/calendarView/index.vue
new file mode 100644
index 0000000..1ddb1ae
--- /dev/null
+++ b/src/views/basicData/calendarView/index.vue
@@ -0,0 +1,48 @@
+<template>
+ <el-calendar ref="calendar">
+ <template #header="{ date }">
+ <span>鏃ュ巻瑙嗗浘</span>
+ <span>{{ date }}</span>
+ <el-button-group>
+ <el-button size="small" @click="selectDate('prev-year')">
+ Previous Year1
+ </el-button>
+ <el-button size="small" @click="selectDate('prev-month')">
+ Previous Month1
+ </el-button>
+ <el-button size="small" @click="selectDate('today')">Today</el-button>
+ <el-button size="small" @click="selectDate('next-month')">
+ Next Month1
+ </el-button>
+ <el-button size="small" @click="selectDate('next-year')">
+ Next Year
+ </el-button>
+ </el-button-group>
+ </template>
+ <template #date-cell="{ data }">
+ <p :class="data.isSelected ? 'is-selected' : ''">
+ {{ data.day.split('-').slice(1).join('-') }} <br/>
+ 宸ヤ綔鏃�
+ {{ data.isSelected ? '鉁旓笍' : '' }}
+ </p>
+ </template>
+ </el-calendar>
+</template>
+<script setup>
+const calendar = ref()
+const selectDate = (val) => {
+ if (!calendar.value) return
+ calendar.value.selectDate(val)
+}
+const isToday = (date) => {
+ const today = new Date();
+ return date.getDate() === today.getDate() &&
+ date.getMonth() === today.getMonth() &&
+ date.getFullYear() === today.getFullYear();
+};
+</script>
+<style lang="scss" scoped>
+.is-selected {
+ color: #1989fa;
+}
+</style>
--
Gitblit v1.9.3