工作第七天

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);