JS获取日期,浏览器高度

1、获取当前日期向前推x天或者向后推x天,并已年-月-日 时:分:秒的格式返回值

// 获取往前后各推x天
function getDateOfDelayOrAdvance(delay, advance) {
  // delay:往后推x天
  // advance:往前推x天
  const todaydate = new Date()
  const enddate = new Date(todaydate.valueOf() - advance * 24 * 60 * 60 * 1000)
  const beforedate = new Date(todaydate.valueOf() + delay * 24 * 60 * 60 * 1000)
  const firstdate = beforedate.getFullYear() + '-' + ((beforedate.getMonth() + 1) < 10 ? '0' + (beforedate.getMonth() + 1) : (beforedate.getMonth() + 1)) + '-' + (beforedate.getDate() < 10 ? '0' + beforedate.getDate() : beforedate.getDate())
  const lastdate = enddate.getFullYear() + '-' + ((enddate.getMonth() + 1) < 10 ? '0' + (enddate.getMonth() + 1) : (enddate.getMonth() + 1)) + '-' + (enddate.getDate() < 10 ? '0' + enddate.getDate() : enddate.getDate())
  return [lastdate, firstdate]
}

2、获取当前日期并格式化

// 获取并格式化当前日期
gettodaydate() {
  // 获取并格式化当前日期
  const date = new Date()
  const year = date.getFullYear()
  let month = date.getMonth() + 1
  let day = date.getDate()
  if (month < 10) month = '0' + month
  if (day < 10) day = '0' + day
  const today = year + '-' + month + '-' + day
  return today
},

3、获取当前时间的秒级时间戳

localtime = (new Date()).valueOf()

4、获取浏览器的高度(在vue中的created或者mounted中调用此方法即可)

// 通过浏览器高度自动计算表格的高度
getClientHeight() {
  //在刚加载页面的时候,获取浏览器高度
  // 动态计算表格高度
  const windowHeight = document.documentElement.clientHeight || document.bodyclientHeight
  // 设置表格的高度(也可以是其他的高度),数值"210"根据需要调整
  this.TableHeight = windowHeight - 210
  // 通过onresize监听浏览器高度和宽度变化,动态给要设置高度的元素赋值
  window.onresize = () => {
	return (() => {
	  // 动态计算表格高度
	  const windowHeight = document.documentElement.clientHeight || document.bodyclientHeight
	  // 设置表格的高度(也可以是其他的高度),数值"210"根据需要调整
	  this.TableHeight = windowHeight - 210
	})()
  }
},

5、通过传入的日期,判断属于周几

// 通过传入的日期,判断属于周几
changeday(val) {
  const weekDay = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
  const index = new Date(Date.parse(val)).getDay()
  const redata = [weekDay[index], val.slice(8, 10)]
  return redata
},

6、获取当前日期所属周的第一天和最后一天

// 获取当前日期所属周的第一天和最后一天
getWeektime() {
  // 获取当前日期所属周的第一天和最后一天
  var date = new Date()
  // 本周一的日期
  date.setDate(date.getDate() - date.getDay() + 1)
  const begin = date.getFullYear() + '-' + ((date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)) + '-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate())
  // 本周日的日期
  date.setDate(date.getDate() + 6)
  const end = date.getFullYear() + '-' + ((date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)) + '-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate())
  return [begin, end]
},

7、计算获取本周和下周的日期

// 计算获取本周和下周的日期
getWeekDate() {
  // 获取当前时间
  const data = new Date()
  // 获取当前时间对应的上周六的日期
  const LastWeek6 = new Date(data.getTime() - (1 + data.getDay()) * 24 * 60 * 60 * 1000)
  // 将日期格式改为:年-月-日
  const LastWeekSix = LastWeek6.getFullYear() + '-' + ((LastWeek6.getMonth() + 1) < 10 ? '0' + (LastWeek6.getMonth() + 1) : (LastWeek6.getMonth() + 1)) + '-' + (LastWeek6.getDate() < 10 ? '0' + LastWeek6.getDate() : LastWeek6.getDate()) + ' 00:00:00'
  console.log('上周六日期===>', LastWeekSix)
  const ThisWeek5 = new Date(data.getTime() + (5 - data.getDay()) * 24 * 60 * 60 * 1000)
  // 将日期格式改为:年-月-日
  const ThisWeekFive = ThisWeek5.getFullYear() + '-' + ((ThisWeek5.getMonth() + 1) < 10 ? '0' + (ThisWeek5.getMonth() + 1) : (ThisWeek5.getMonth() + 1)) + '-' + (ThisWeek5.getDate() < 10 ? '0' + ThisWeek5.getDate() : ThisWeek5.getDate()) + ' 00:00:00'
  console.log('这周五日期===>', ThisWeekFive)
  const ThisWeek6 = new Date(data.getTime() + (6 - data.getDay()) * 24 * 60 * 60 * 1000)
  // 将日期格式改为:年-月-日
  const ThisWeekSix = ThisWeek6.getFullYear() + '-' + ((ThisWeek6.getMonth() + 1) < 10 ? '0' + (ThisWeek6.getMonth() + 1) : (ThisWeek6.getMonth() + 1)) + '-' + (ThisWeek6.getDate() < 10 ? '0' + ThisWeek6.getDate() : ThisWeek6.getDate()) + ' 00:00:00'
  console.log('这周六日期===>', ThisWeekSix)
  const nextWeek5 = new Date(data.getTime() + (12 - data.getDay()) * 24 * 60 * 60 * 1000)
  // 将日期格式改为:年-月-日
  const nextWeekFive = nextWeek5.getFullYear() + '-' + ((nextWeek5.getMonth() + 1) < 10 ? '0' + (nextWeek5.getMonth() + 1) : (nextWeek5.getMonth() + 1)) + '-' + (nextWeek5.getDate() < 10 ? '0' + nextWeek5.getDate() : nextWeek5.getDate()) + ' 00:00:00'
  console.log('下周五日期===>', nextWeekFive)

  // 返回日期参数
  return [LastWeekSix, ThisWeekFive, ThisWeekSix, nextWeekFive]
},

8、计算开始时间和结束时间之间的相差天数

// 计算开始时间和结束时间之间的相差天数
getDaysBetween(dateString1, dateString2) {
  // 计算开始时间和结束时间之间的相差天数
  const startDate = Date.parse(dateString1)
  const endDate = Date.parse(dateString2)
  const days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000)
  return days + 1
},

9、判断某一个时间是否在一个时间段范围内

idDuringDate(curDate, beganDate, endDate) {
  // 判断某一个时间是否在一个时间段范围内
  curDate = new Date(curDate)
  beganDate = new Date(beganDate)
  endDate = new Date(endDate)
  if (curDate >= beganDate && curDate <= endDate) {
	return 'true'
  } else {
	return 'flase'
  }
},

10、获取当前月份的第一天和最后一天

get_first_day() {
  // 获取当前月份的第一天
  var date = new Date()
  date.setDate(1)
  var month = parseInt(date.getMonth() + 1)
  var day = date.getDate()
  if (month < 10) month = '0' + month
  if (day < 10) day = '0' + day
  return (date.getFullYear() + '-' + month + '-' + day)
},
get_last_day() {
  // 获取当前月份的最后一天
  var date = new Date()
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  month = month < 10 ? '0' + month : month
  var day = new Date(year, month, 0)
  return (year + '-' + month + '-' + day.getDate())
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值