js实现回看近七天日期

简介: js实现回看近七天日期
function strFormat(str) {
    return str < 10 ? `0${str}` : str
}
//时间戳转日期
export function timeStamp(time) {
    const dates = new Date(time)
    const year = dates.getFullYear()
    const month = dates.getMonth() + 1
    const date = dates.getDate()
    const day = dates.getDay()
    const hour = dates.getHours()
    const min = dates.getMinutes()
    const days = ['日', '一', '二', '三', '四', '五', '六']
    return {
        allDate: `${year}/${strFormat(month)}/${strFormat(date)}`,
        date: `${strFormat(month)}-${strFormat(date)}`, //返回的日期 07-01
        day: `星期${days[day]}`, //返回的礼拜天数  星期一
        hour: strFormat(hour) + ':' + strFormat(min) //返回的时钟 08:00
    }
}
//获取最近7天的日期和礼拜天数
export function dateData() {
    const time = []
    const date = new Date()
    const now = date.getTime() //获取当前日期的时间戳
    let timeStr = 3600 * 24 * 1000 //一天的时间戳
    for (let i = 0; i < 7; i++) {
        const timeObj = {}
        timeObj.date = timeStamp(now + timeStr * -i).date //保存日期
        timeObj.timeStamp = now + timeStr * -i //保存时间戳
        console.log(timeObj.timeStamp)
        if (i == 0) {
            timeObj.week = '今天'
        } else if (i == 1) {
            timeObj.week = '昨天'
        }else {
            timeObj.week = timeStamp(now + timeStr * i).day
        }
        time.push(timeObj)
    }
    return time
}
//时间数组
export function timeData(startTime = '08:00', endTime = '18:30', timeInterval = 0.5) {
    const time = []
    const date = timeStamp(Date.now()).allDate
    const startDate = `${date} ${startTime}`
    const endDate = `${date} ${endTime}`
    const startTimeStamp = new Date(startDate).getTime()
    const endTimeStamp = new Date(endDate).getTime()
    const timeStr = 3600 * 1000 * timeInterval
    for (let i = startTimeStamp; i <= endTimeStamp; i = i + timeStr) {
        const timeObj = {}
        timeObj.time = timeStamp(i).hour
        timeObj.disable = 1
        time.push(timeObj)
    }
    return time
}
  • 然后在需要的页面直接引入这个方法即可dateData
目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
38 2
|
6月前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
247 0
|
6月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
175 1
|
6月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
66 0
|
6月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
75 3
|
2月前
|
JavaScript 前端开发
js时间戳转日期时间
js时间戳转日期时间
80 20
|
5天前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
2月前
|
JavaScript 前端开发
|
5月前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
129 1
|
4月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
227 0