JavaScript quickTimeSelection 函数:动态设置时间范围
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 参数控制时间范围的选择,可以满足多种场景的需求。
原文地址: https://www.cveoy.top/t/topic/qyGw 著作权归作者所有。请勿转载和采集!