From 23f376d3a538af410d80045f958be1997ac381e3 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Thu, 23 Sep 2021 17:33:36 +0800 Subject: [PATCH] 页面筛选项器与日期范围组件优化,选择使用公共抽屉组件取代TaroUI的抽屉组件 --- forms/datePicker/CDatePicker.vue | 26 ++++++++++++++++++++++++-- 1 files changed, 24 insertions(+), 2 deletions(-) diff --git a/forms/datePicker/CDatePicker.vue b/forms/datePicker/CDatePicker.vue index 8521004..0d4f378 100644 --- a/forms/datePicker/CDatePicker.vue +++ b/forms/datePicker/CDatePicker.vue @@ -9,14 +9,15 @@ v-if="mode==='dateRange'" :value="itemRes.formData[itemRes.name]" :onChange="evt=>handleChange(evt)" + :placeholder="placeholder" > <AtInput - ref="input" :name="itemRes.name" :title="itemRes.label" :required="itemRes.required" :error="itemRes.error" :value="itemRes.formData[itemRes.name]" + :placeholder="placeholder" > <view class="at-icon at-icon-chevron-right" /> </AtInput> @@ -25,18 +26,37 @@ v-else-if="mode==='dateTime'" :value="itemRes.formData[itemRes.name]" :onChange="evt=>handleChange(evt)" + :placeholder="placeholder" > <AtInput - ref="input" :name="itemRes.name" :title="itemRes.label" :required="itemRes.required" :error="itemRes.error" :value="itemRes.formData[itemRes.name]" + :placeholder="placeholder" > <view class="at-icon at-icon-chevron-right" /> </AtInput> </CDateTimeAction> + <view v-else-if="mode==='date'"> + <picker + mode="date" + :value="itemRes.formData[itemRes.name]" + @change="evt=>handleChange(evt.detail.value)" + > + <AtInput + :name="itemRes.name" + :title="itemRes.label" + :required="itemRes.required" + :error="itemRes.error" + :value="itemRes.formData[itemRes.name]" + :placeholder="placeholder" + > + <view class="at-icon at-icon-chevron-right" /> + </AtInput> + </picker> + </view> </view> </template> @@ -63,6 +83,8 @@ type: String, default: 'date', }, + // 占位提示 + placeholder: String, }, data() { return {}; -- Gitblit v1.9.1