From f58da404d459a3387f78d9bf6fe8933010f137bf Mon Sep 17 00:00:00 2001
From: coder77 <2293444075@qq.com>
Date: Thu, 10 Apr 2025 11:02:22 +0800
Subject: [PATCH] feat: 日期选择器增加快捷选择
---
forms/datePicker/CDatePicker.vue | 25 ++++++++++++-------------
1 files changed, 12 insertions(+), 13 deletions(-)
diff --git a/forms/datePicker/CDatePicker.vue b/forms/datePicker/CDatePicker.vue
index dd2c173..824a791 100644
--- a/forms/datePicker/CDatePicker.vue
+++ b/forms/datePicker/CDatePicker.vue
@@ -1,21 +1,16 @@
/**
* CDatePicker - 选择日期范围操作
- * 日期选择组件，用于在表单中选择日期或日期范围
- * 支持三种选择模式：日期选择、日期时间选择和日期范围选择
- * 可限制日期选择范围，支持清除功能和只读模式
* @author Tevin
*/
<template>
- <view
- class="c-date-picker"
- :class="readOnly?'read-only':''"
- >
+ <view class="c-date-picker" :class="readOnly ? 'read-only' : ''">
<CDateRangeAction
- v-if="mode==='dateRange'"
+ v-if="mode === 'dateRange'"
:value="itemRes.formData[itemRes.name]"
- :onChange="evt=>handleChange(evt)"
+ :onChange="evt => handleChange(evt)"
:placeholder="placeholder"
+ :rangeTypes="rangeTypes"
>
<AtInput
:name="itemRes.name"
@@ -37,9 +32,9 @@
</AtInput>
</CDateRangeAction>
<CDateTimeAction
- v-else-if="mode==='dateTime'"
+ v-else-if="mode === 'dateTime'"
:value="itemRes.formData[itemRes.name]"
- :onChange="evt=>handleChange(evt)"
+ :onChange="evt => handleChange(evt)"
:placeholder="placeholder"
>
<AtInput
@@ -61,14 +56,14 @@
></view>
</AtInput>
</CDateTimeAction>
- <view v-else-if="mode==='date'">
+ <view v-else-if="mode === 'date'">
<picker
mode="date"
:start="limitStart || pickerStart"
:end="limitEnd || pickerEnd"
:fields="fields"
:value="itemRes.formData[itemRes.name]"
- @change="evt=>handleChange(evt.detail.value)"
+ @change="evt => handleChange(evt.detail.value)"
>
<AtInput
:name="itemRes.name"
@@ -122,6 +117,10 @@
limitStart: String,
// 结束日期
limitEnd: String,
+ // 选择器类型，选日期、选周、选月
+ picker: String, //date,week,month
+ // 预设类型
+ rangeTypes: Array,
// 日期选择粒度 year、month、day
fields: {
type: String,
--
Gitblit v1.9.1