uu

components/tpx-date-input/tpx-date-input.vue

@@ -5,7 +5,12 @@
 			readonly="true"
 		>
 			<template v-slot:suffix>
-				<u-icon name="calendar" :size="fontSize*1.5"></u-icon>
+				<u-row>
+					<view v-if="inputValue" @click.stop="handleClearVal" style="position: relative;z-index: 1000;">
+						<u-icon name="close-circle" :size="fontSize*1.5"></u-icon>
+					</view>
+					<u-icon v-else name="calendar" :size="fontSize*1.5"></u-icon>
+				</u-row>
 			</template>
 		</u-input>
 		<view class="pos-abt-all" style="z-index: 20;">
@@ -142,7 +147,7 @@
 				this.handleClaShow()
 			},
 			handleChange(val){
-				if(Array.isArray(val)) {
+				if(Array.isArray(val) && val.length > 0) {
 					// 补全 时间戳
 					if(val[0].indexOf(":") == -1) {
 						val[0] = dayjs(val[0]).format(`${formatStr} 00:00:00`)
@@ -174,8 +179,12 @@
 					this.handleClaShow()
 				} else {
 					let sltRang = this.toolsRangesList.filter(t=> t.val == val)[0].range
-					this.handleChange(sltRang, )
+					this.handleChange(sltRang)
 				}
+			},
+			handleClearVal(){
+				let emptVal = Array.isArray(this.proxyValue) ? [] : ''
+				this.handleChange(emptVal)
 			}
 		}
 	}