uniapp使用时间插件，进行时间搜索查询

最新推荐文章于 2025-06-12 17:10:57 发布

凉飕飕111

最新推荐文章于 2025-06-12 17:10:57 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript vue html

本文链接：https://blog.csdn.net/weixin_46659028/article/details/114887145

uniapp使用时间插件，点击开始时间和结束时间，进行搜索查询

插件市场下载的时间插件
在这里插入图片描述

<template>
	<view class="checkPage">
		<view class="date">
			<view class="datetime" @tap="onShowDatePicker()">
				<image src="../../static/check/date.png" mode="" style="width: 40upx;height: 40upx;margin: 0 20upx;"/>
				<text style="color: #FFFFFF;">{
   
   {
   
    selectDate }}</text>
			</view>
			<view class="resetTime" v-show="resetShow" @tap="reset()">重置</view>
		</view>
		<view class="loading">{
   
   {
   
    loadingText }}</view>
		<view class="cu-load load-modal" v-if="loadModal">
			<image src="/static/logo.gif"  style="width: 160upx;height: 160upx;"/>
			<view class="gray-text">加载中...</view>
		</view>
		<mx-date-picker :show="showPickerDate" :type="type" :value="value" :show-ti