当前位置：首页 > news >正文

el-date-picker 前端时间范围选择器

news 来源：原创 2025/6/15 13:33:25

控制台参数：

前端代码：用数组去接受，同时用

value-format="YYYY-MM-DD" 格式化值为：年月日格式

   <!-- 查询区域 --><transition name="fade"><div class="search" v-show="showSearch"><el-form :model="queryParams" ref="queryFormRef" :inline="true"><el-form-item label="上报日期：" prop="dateRange" class="required"><el-date-pickerv-model="queryParams.dateRange"type="daterange"range-separator="~"start-placeholder="开始日期"end-placeholder="结束日期"value-format="YYYY-MM-DD"      style="width: 240px;"/></el-form-item><el-form-item><el-button type="primary" icon="Search" @click="handleQuery">查询</el-button></el-form-item></el-form></div></transition>//数组参数
const queryParams = ref({dateRange: []
});

后端代码：实体类用集合去接受

后端实现类：这个集合不能放在wrapper中判断；Java 方法参数的求值顺序是从左到右，但所有参数会在方法调用之前求值