diff --git a/web/admin/src/views/ai/TaskLogsPage.vue b/web/admin/src/views/ai/TaskLogsPage.vue
index f438c0d..e9d38d3 100644
--- a/web/admin/src/views/ai/TaskLogsPage.vue
+++ b/web/admin/src/views/ai/TaskLogsPage.vue
@@ -9,21 +9,9 @@ import PageHeader from '@/components/PageHeader.vue'
 import TableStats from '@/components/TableStats.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-  return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-  const d = new Date()
-  return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const loading = ref(false)
 const data = ref<any[]>([])
@@ -271,6 +259,8 @@ onMounted(() => {
         <ARangePicker
           v-model="filterDateRange"
           show-time
+          :shortcuts="quickDateRanges"
+          shortcuts-position="bottom"
           style="width: 340px"
           @change="handleFilter"
         />
diff --git a/web/admin/src/views/security/RequestAuditLogsPage.vue b/web/admin/src/views/security/RequestAuditLogsPage.vue
index 2d0c094..c40b8d2 100644
--- a/web/admin/src/views/security/RequestAuditLogsPage.vue
+++ b/web/admin/src/views/security/RequestAuditLogsPage.vue
@@ -10,21 +10,9 @@ import TableStats from '@/components/TableStats.vue'
 import ForwardingTracePanel from '@/components/ForwardingTracePanel.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-	return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-	return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-	const d = new Date()
-	return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const router = useRouter()
 
@@ -295,6 +283,8 @@ onMounted(() => {
 				<a-range-picker
 					v-model="filter.date_range"
 					show-time
+					:shortcuts="quickDateRanges"
+					shortcuts-position="bottom"
 					style="width: 340px"
 					@change="handleFilter"
 				/>
diff --git a/web/admin/src/views/tenant/UsageLogsPage.vue b/web/admin/src/views/tenant/UsageLogsPage.vue
index 930a134..02b62ed 100644
--- a/web/admin/src/views/tenant/UsageLogsPage.vue
+++ b/web/admin/src/views/tenant/UsageLogsPage.vue
@@ -11,21 +11,9 @@ import ForwardingTracePanel from '@/components/ForwardingTracePanel.vue'
 import request from '@/utils/request'
 import ResponsiveTable from '@/components/ResponsiveTable.vue'
 import { useExport } from '@/composables/useExport'
+import { useDateRange } from '@/composables/useDateRange'
 
-// 日期辅助（native，避免引入 dayjs 依赖）
-function pad2(n: number): string {
-	return String(n).padStart(2, '0')
-}
-function toDateTimeStr(d: Date): string {
-	return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}:${pad2(d.getSeconds())}`
-}
-// 默认查询当天：起始时间为当天 0 点，截止时间留空（后端按「到现在」实时处理）。
-// 日期选择器里的「现在」仅用于展示；查询时截止仍为默认「现在」则不传 end_date，避免固定截止时间漏掉后续新记录。
-const defaultEnd = toDateTimeStr(new Date())
-function defaultTodayRange(): string[] {
-	const d = new Date()
-	return [`${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} 00:00:00`, defaultEnd]
-}
+const { defaultEnd, defaultTodayRange, quickDateRanges } = useDateRange()
 
 const loading = ref(false)
 const data = ref<any[]>([])
@@ -505,6 +493,8 @@ const { exporting, exportFile } = useExport({
 				<a-range-picker
 					v-model="filterDateRange"
 					show-time
+					:shortcuts="quickDateRanges"
+					shortcuts-position="bottom"
 					style="width: 340px"
 					@change="handleFilter"
 				/>