From 64d3eae2852d17c3bbade662d3f7a7c47d681ad6 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 19 三月 2026 14:17:04 +0800
Subject: [PATCH] 2026.3.19
---
src/sfc/TimeSelect.vue | 61 +++++++++++++++++++++++++++++-
1 files changed, 59 insertions(+), 2 deletions(-)
diff --git a/src/sfc/TimeSelect.vue b/src/sfc/TimeSelect.vue
index c6783a8..231d5fa 100644
--- a/src/sfc/TimeSelect.vue
+++ b/src/sfc/TimeSelect.vue
@@ -14,6 +14,57 @@
-->
<script>
import dayjs from 'dayjs'
+// 鏃堕棿鑼冨洿蹇嵎閫夐」
+const dayStart = dayjs('2023-08-01').startOf('date')
+const dayEnd = dayStart.endOf('date')
+const shortcuts = [
+ {
+ text: '浠婂ぉ',
+ value: [dayStart.toDate(), dayEnd.toDate()],
+ },
+ {
+ text: '鏈懆',
+ value: [dayStart.startOf('week').toDate(), dayEnd.endOf('week').toDate()],
+ },
+ {
+ text: '涓婂懆',
+ value: [dayStart.day(-7).toDate(), dayEnd.day(-1).toDate()],
+ },
+ {
+ text: '鏈湀',
+ value: [dayStart.startOf('month').toDate(), dayEnd.endOf('month').toDate()],
+ },
+ {
+ text: '涓婃湀',
+ value: [
+ dayStart.subtract(1, 'month').startOf('month').toDate(),
+ dayEnd.subtract(1, 'month').endOf('month').toDate(),
+ ],
+ },
+ {
+ text: '鏈搴�',
+ value: [dayStart.startOf('quarter').toDate(), dayEnd.endOf('quarter').toDate()],
+ },
+ {
+ text: '涓婂搴�',
+ value: [
+ dayStart.subtract(1, 'quarter').startOf('quarter').toDate(),
+ dayEnd.subtract(1, 'quarter').endOf('quarter').toDate(),
+ ],
+ },
+ {
+ text: '鍘诲勾',
+ value: [
+ dayStart.subtract(1, 'year').startOf('year').toDate(),
+ dayEnd.subtract(1, 'year').endOf('year').toDate(),
+ ],
+ },
+ {
+ text: '浠婂勾',
+ value: [dayStart.startOf('year').toDate(), dayEnd.endOf('year').toDate()],
+ },
+]
+
export default {
emits: ['submitTime'],
props: {
@@ -42,6 +93,8 @@
],
// 閫変腑鐨勬椂闂磋寖鍥�
selectedRange: '',
+ // 鏃堕棿鑼冨洿蹇嵎閫夐」
+ shortcuts,
}
},
@@ -61,8 +114,10 @@
methods: {
initOneWeekAgoTime() {
// 缁欐椂闂撮�夋嫨鍣ㄨ缃粯璁ゆ椂闂翠负涓�鍛ㄥ墠
- this.time[0] = dayjs().subtract(4, 'week').format('YYYY-MM-DD HH:mm:ss')
- this.time[1] = dayjs().format('YYYY-MM-DD HH:mm:ss')
+ // this.time[0] = dayjs().subtract(4, 'week').format('YYYY-MM-DD HH:mm:ss')
+ // this.time[1] = dayjs().format('YYYY-MM-DD HH:mm:ss')
+ // 2026.3.13 demo 涓浐瀹氬垵濮嬫椂闂�
+ this.time = ['2023-08-01 00:00:00', '2023-08-31 23:59:59']
},
// 蹇嵎鏃舵閫夋嫨
@@ -136,6 +191,7 @@
<div v-show="showTimePicker" class="time-picker-container">
<el-date-picker
v-model="time"
+ :shortcuts="shortcuts"
type="daterange"
range-separator="~"
start-placeholder="寮�濮嬫椂闂�"
@@ -151,6 +207,7 @@
<span class="demonstration">鏃堕棿锛�</span>
<el-date-picker
v-model="time"
+ :shortcuts="shortcuts"
type="daterange"
range-separator="~"
start-placeholder="Start date"
--
Gitblit v1.9.3