uniapp 按时间排序当前以后七天时间

简介: uniapp 按时间排序当前以后七天时间

前两天做了一个项目预约时需要处理未来一周日期;就用原生js整了一个虽然有点繁琐,但能用

直接先看效果吧

接下来看怎么实现的

获取当前日期并将其转换成xxx-xx-xx的格式

然后声明一个数组在其放入星期

然后根据当前日期获取当前周几(周日开始;周日为0;周一为1);

并根据次来截取日期

然后再创建两个数组将其放入数组中并匹配就可以了——完整代码奉上

let that = this;
        // 获取当前的日期
        var now = new Date();
        // 从日期对象中获取年份、月份和日期
        var year = now.getFullYear();
        var month = now.getMonth() + 1;
        var day = now.getDate();
        that.day = day;
        // 将年份、月份和日期拼接成字符串yyyy-mm-dd格式
        var dateStr = year + '年' + month + '月' + day + '日';
        that.time = dateStr;
        const timestamp = Date.now();
        const date = new Date(timestamp);
        const dayOfWeek = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][date.getDay()];
        // console.log(num,"num");
        let week = that.monday;
        let weeks = that.monday;
        let daynum = date.getDay();
        let obj = week.splice(0, daynum);
        // console.log(obj);
        let objs = weeks.splice(daynum, 6);
        let lobg = [];
        for (let i = 0; i < num.length; i++) {
          lobg.push(num[i]);
        }
        for (let i = 0; i < objs.length; i++) {
          lobg.push(objs[i]);
        }
        for (let i = 0; i < obj.length; i++) {
          lobg.push(obj[i]);
        }
        that.week = lobg;
        let today = new Date();
        // 创建一个空数组来存储未来一周的日期
        let futureDates = [];
        let timeDay = [];
        // 循环七次,每次增加一天并将其添加到日期数组中
        for (let i = 0; i < 7; i++) {
          let futureDate = new Date(today.getTime() + (i * 24 * 60 * 60 * 1000));
          // 格式化日期为字符串,并添加到数组中
          futureDates.push(`${futureDate.getDate().toString().padStart(2, '0')}`);
          timeDay.push(
            `${futureDate.getFullYear()}-${(futureDate.getMonth() + 1).toString().padStart(2, '0')}-${futureDate.getDate().toString().padStart(2, '0')}`
          )
        }
        this.day = futureDates;
        this.timeDay = timeDay;


目录
相关文章
|
小程序
微信小程序根据日期和时间进行排序
最近接手了一个小程序的项目,有这样一个需求要对列表进行日期和时间的排序,于是小试牛刀,操作了一番,终于搞出来,在这里给大家总结分享一下经验,希望对大家有一定的帮助
542 0
|
7月前
|
存储 JavaScript 前端开发
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
|
7月前
|
程序员
程序员必知:将时间的秒数转化为分钟数
程序员必知:将时间的秒数转化为分钟数
119 0
|
8月前
【qt】一次性讲清楚日期和时间2
【qt】一次性讲清楚日期和时间
56 0
|
8月前
【qt】一次性讲清楚日期和时间1
【qt】一次性讲清楚日期和时间
120 0
|
JavaScript
js判断开始时间与结束时间不大于24小时的解决方案
js判断开始时间与结束时间不大于24小时的解决方案
407 0
|
JavaScript 前端开发
javascript时间函数的运用:根据开始时间和时间差来计算截至时间的解决方案
javascript时间函数的运用:根据开始时间和时间差来计算截至时间的解决方案
118 0
|
存储 JSON 缓存
Laravel 7.0中 timestamp 取出来的时间慢的8小时问题
部署博客后,评论的时间不正确,比正常时间慢了8小时; 都是用的 timestamp 字段存储的时间,只有评论留言取出来的时间慢的8小时,其他没有页面没有;
301 0
|
缓存 JSON NoSQL
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
231 0
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
|
Unix
strtotime应用(案例:给未来时间添加对应的时间)
strtotime应用(案例:给未来时间添加对应的时间)
212 0
strtotime应用(案例:给未来时间添加对应的时间)

热门文章

最新文章