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
目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
65 2
|
9月前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
349 0
|
9月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
207 1
|
9月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
81 0
|
9月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
99 3
|
5月前
|
JavaScript 前端开发
js时间戳转日期时间
js时间戳转日期时间
101 20
|
3月前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
5月前
|
JavaScript 前端开发
|
8月前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
158 1
|
7月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
286 0

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    Node.js 中实现多任务下载的并发控制策略
    32
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    【JavaScript】深入理解 let、var 和 const
    48
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    44
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    52
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    55
  • 8
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    71
  • 9
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55
  • 10
    JavaWeb JavaScript ③ JS的流程控制和函数
    62