背景

在数据查询中，我们经常需要查询某段时间内的数据，而前端传入参数一般来说是不会指定小时，分钟，秒，甚至毫秒级别的，所以就需要后端进行时间处理；例如：查询2020-02-17 - 2020-02-19 的数据；

方案1

	// 返回时间格式如：2020-02-17 00:00:00
	public static String getStartOfDay(Date time) {
        Calendar calendar = Calendar.getInstance();
        calendar.setTime(time);
        calendar.set(Calendar.HOUR_OF_DAY, 0);
        calendar.set(Calendar.MINUTE, 0);
        calendar.set(Calendar.SECOND, 0);
        calendar.set(Calendar.MILLISECOND, 0);
        return new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(calendar.getTime());
    }
	// 返回时间格式如：2020-02-19 23:59:59
    public static String getEndOfDay(Date time) {
        Calendar calendar = Calendar.getInstance();
        calendar.setTime(time);
        calendar.set(Calendar.HOUR_OF_DAY, 23);
        calendar.set(Calendar.MINUTE, 59);
        calendar.set(Calendar.SECOND, 59);
        calendar.set(Calendar.MILLISECOND, 999);
        return new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(calendar.getTime());
    }
    // 获取30天以前的时间，同样是比较常用的
    public static String getThirtyDaysAgo(Date time) {
        Calendar calendar = Calendar.getInstance();
        calendar.setTime(time);
        calendar.add(calendar.DATE, -30);
        calendar.set(Calendar.HOUR_OF_DAY, 0);
        calendar.set(Calendar.MINUTE, 0);
        calendar.set(Calendar.SECOND, 0);
        calendar.set(Calendar.MILLISECOND, 0);
        return new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(calendar.getTime());
    }

方案2

在java8中有更为简洁的代码。

	// 获得某天最大时间 2020-02-19 23:59:59
    public static Date getEndOfDay(Date date) {
        LocalDateTime localDateTime = LocalDateTime.ofInstant(Instant.ofEpochMilli(date.getTime()), ZoneId.systemDefault());;
        LocalDateTime endOfDay = localDateTime.with(LocalTime.MAX);
        return Date.from(endOfDay.atZone(ZoneId.systemDefault()).toInstant());
    }

    // 获得某天最小时间 2020-02-17 00:00:00
    public static Date getStartOfDay(Date date) {
        LocalDateTime localDateTime = LocalDateTime.ofInstant(Instant.ofEpochMilli(date.getTime()), ZoneId.systemDefault());
        LocalDateTime startOfDay = localDateTime.with(LocalTime.MIN);
        return Date.from(startOfDay.atZone(ZoneId.systemDefault()).toInstant());
    }

总结

在查询数据的sql中，通常使用的是字符串，所以一般在处理时间的函数中设定返回值为字符串类型即可；

功能：
开始时间范围选择： 最小时间：去年的今天 最大时间：当前时间
结束时间范围选择： 最小时间：开始时间 最大时间： 开始时间月份的最后一天

比如：当前时间2021-07-24，开始时间选择范围就在：2020-07-24至2021-07-24
当开始时间选择 2020-09-10 结束时间选择范围在：2020-09-10至2020-09-30

思路：

1：主要是设置vant中van-calendar 组件的min-date和max-date来控制选择范围
2：开始时间选择范围比较简单，最小时间就是将当前时间的年份减去一年就行，最大时间就是当前时间也就是new Date()
3：结束时间的话是根据开始时间来选择的，所以我使用点击下拉样式的时候:才计算结束时间的范围
4：结束时间的最小时间为开始时间，最大时间的话瞅瞅下面这个公式参考参考

start的月份==当前时间月份？当前时间：start月份的最后一天

注意点：

• 标准时间转换成时间戳：标准时间.getTime()
• 时间戳转换成标准时间：new Date(时间戳)
• 某时间的标准时间：new Date(2021,7,24)，会生成2021年7月24日的中国标准时间，注意的是括号里的不是字符串
• new Date(2021,7,0)是2021年7月的最后一天标准时间，new
  Date(2021,7,1)是2021年8月的第一天标准时间

代码参考

<div class="time_info">
    <div class="start">
      <p>开始时间</p>
      <div>
        <span @click="showStart = true">{{ formatDate(start)}}</span>
        <van-icon color="#8e8e8e" name="arrow-down" />
        <van-calendar title="开始时间" v-model="showStart" :min-date="startMin" :max-date="new Date()" @confirm="confirmStart" />
      </div>
    </div>
    <p class="line">--</p>
    <div class="end">
      <p>结束时间</p>
      <div>
        <span @click="endCli">{{formatDate(end)}}</span>
        <van-icon color="#8e8e8e" name="arrow-down" />
        <van-calendar title="结束时间" v-model="showEnd" :min-date="start" :max-date="endMax" @confirm="confirmEnd" />
      </div>
    </div>
  </div>

data

   start: new Date(), //开始时间
      end: new Date(), //结束时间
      showStart: false, //开始日历
      showEnd: false, //结束日历
      startMin: new Date(this.min()),
      endMax: new Date(), //结束时间最大=开始时间当月的最后一天

js代码

// 结束最大时间为开始时间当月最后天,1:选择的是以前的月份，最大是到30,2：选择当月，就返回今天日期为最大选择
endMaxFun() {
  return this.start.getMonth() == new Date().getMonth()
    ? new Date()
    : new Date(
        Number(this.start.getFullYear()),
        Number(this.start.getMonth() + 1),
        0
      );
},
    // 开始时间的最小时间,当前时间的去年今天
    min() {
      let time = new Date();
      return `${Number(time.getFullYear() - 1)},${Number(
        time.getMonth() + 1
      )},${Number(time.getDate())}`;
    },
        // 日历显示格式
    formatDate(date) {
      return `${date.getFullYear()}-${(date.getMonth() + 1)
        .toString()
        .padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
    },
// 点击结束
endCli() {
  this.endMax = this.endMaxFun();
  this.showEnd = true;
},
// 开始
confirmStart(date) {
  this.showStart = false;
  this.start = date;
},
// 结束
confirmEnd(date) {
  this.showEnd = false;
  this.end = date;
},

结束语

本身是个小菜鸡，所以写的可能有点繁琐，仅供参考啦~
希望能帮到大家~

onpicked:pickedFunc 开始时间选择完后触发的函数

获取开始时间并对结束时间进行限制。