uni-calendar

pages/management/ZlOperate.vue

@@ -44,13 +44,13 @@
 				<view class="search-item">
 					<label class="search-label">开始日期</label>
 					<view class="filter_input_wraper">
-						<input type="text" class="search-input-l" v-model="val6">
+						<input type="text" class="search-input-l" v-model="val6"  @click="open1">
 					</view>
 				</view>
 				<view class="search-item">
 					<label class="search-label">结束日期</label>
 					<view class="filter_input_wraper">
-						<input type="text" class="search-input-l" v-model="val7">
+						<input type="text" class="search-input-l" v-model="val7"  @click="open2">
 					</view>
 				</view>
 			</view>
@@ -88,6 +88,20 @@
 				</tbody>
 			</table>
 		</view>
+		<view>
+			<uni-calendar 
+			ref="calendar1"
+			:insert="false"
+			@confirm="confirm1"
+			/>
+		</view>
+		<view>
+			<uni-calendar 
+			ref="calendar2"
+			:insert="false"
+			@confirm="confirm2"
+			/>
+		</view>
 	</view>
 </template>
 
@@ -117,6 +131,18 @@
 			};
 		},
 		methods: {
+			open1(){
+				this.$refs.calendar1.open()
+			},
+			confirm1(e) {
+				this.val6 = e.fulldate
+			},
+			open2(){
+				this.$refs.calendar2.open()
+			},
+			confirm2(e) {
+				this.val7 = e.fulldate
+			},
 			/** 选择器1 */
 			selectChange1(e) {
 				this.index1 = e