1.日期的添加
第一步:通过elementui来完成日期的布局:
<el-col :span="5"> <div class="block"> <span class="demonstration">起始-结束</span> <el-date-picker v-model="foundDate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy年-MM月-dd日 HH时:mm分" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="timeChange"> </el-date-picker> </div> </el-col> 并定义数组:foundDate:[] 方法:timeChange(e) { if (!e) { this.listQuery.startTime = '' this.listQuery.endTime = '' return } this.listQuery.startTime = e[0] this.listQuery.endTime = e[1] }
第二部:
定义后端过滤器:
@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") @RequestParam(required = false) Date startTime, @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") @RequestParam(required = false) Date endTime,
page.addFilter("birthday", SearchFilter.Operator.GTE,startTime); page.addFilter("birthday", SearchFilter.Operator.LTE,endTime);