quickTimeSelection 是一个 JavaScript 函数,它接收一个参数 days。根据 days 的不同值,函数会设置 this.params.endTime 和 this.params.startTime 的值,从而动态调整时间范围。

函数逻辑:

  • days 大于等于 1: 表示需要选择一段时间范围。函数会获取当前时间作为结束时间 end,并获取 days 天前的时间作为开始时间 start。然后将这两个时间转换成 'yyyy-MM-dd HH:mm:ss' 格式的字符串,并将其赋值给 this.params.endTime 和 this.params.startTime。
  • days 小于 1: 表示不需要选择时间范围,函数会将 this.params.endTime 和 this.params.startTime 的值设为空字符串。
  • days 等于 -4: 表示需要选择自定义时间范围。函数会检查是否存在 this.dateTime,如果存在,则将 this.dateTime 的开始时间和结束时间转换成 'yyyy-MM-dd HH:mm:ss' 格式的字符串,并将其赋值给 this.params.endTime 和 this.params.startTime。

示例:

quickTimeSelection(days) {
  if (days >= 1) {
    const end = new Date()
    const start = new Date()
    this.params.endTime = dateFormat(end.setTime(end.getTime()), 'yyyy-MM-dd HH:mm:ss')
    this.params.startTime = dateFormat(start.setTime(start.getTime() - 3600 * 1000 * 24 * days), 'yyyy-MM-dd HH:mm:ss')
  } else {
    this.params.endTime = ''
    this.params.startTime = ''
  }
  if (days === -4) {
    console.log()
    this.params.endTime = this.dateTime ? dateFormat(this.dateTime[1], 'yyyy-MM-dd HH:mm:ss') : ''
    this.params.startTime = this.dateTime ? dateFormat(this.dateTime[0], 'yyyy-MM-dd HH:mm:ss') : ''
  }
},

// 例如选择一周的时间范围
quickTimeSelection(7);

总结:

quickTimeSelection 函数通过灵活的 days 参数控制时间范围的选择,可以满足多种场景的需求。

JavaScript quickTimeSelection 函数:动态设置时间范围

原文地址: https://www.cveoy.top/t/topic/qyGw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录