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;


目录
相关文章
|
12月前
|
小程序
微信小程序根据日期和时间进行排序
最近接手了一个小程序的项目,有这样一个需求要对列表进行日期和时间的排序,于是小试牛刀,操作了一番,终于搞出来,在这里给大家总结分享一下经验,希望对大家有一定的帮助
383 0
|
3天前
|
缓存 运维 Serverless
函数计算产品使用问题之安装一个插件持续时间很长是什么原因
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
2月前
【qt】一次性讲清楚日期和时间1
【qt】一次性讲清楚日期和时间
19 0
|
2月前
【qt】一次性讲清楚日期和时间2
【qt】一次性讲清楚日期和时间
15 0
|
11月前
uniapp写一个随时间变化的预约日期列表
const today = new Date(); const dateArray = []; const dayOfWeekArray = []; const yearMonthDayArray = [];
64 0
|
存储 JSON 缓存
Laravel 7.0中 timestamp 取出来的时间慢的8小时问题
部署博客后,评论的时间不正确,比正常时间慢了8小时; 都是用的 timestamp 字段存储的时间,只有评论留言取出来的时间慢的8小时,其他没有页面没有;
252 0
|
缓存 JSON NoSQL
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
187 0
一日一技:带过期时间的缓存、全文搜索、频率限制怎么做?
|
Unix
strtotime应用(案例:给未来时间添加对应的时间)
strtotime应用(案例:给未来时间添加对应的时间)
192 0
strtotime应用(案例:给未来时间添加对应的时间)
|
Java 数据库
在程序里面,时间真的发生了343秒的倒流。(上)
在程序里面,时间真的发生了343秒的倒流。(上)
166 0
在程序里面,时间真的发生了343秒的倒流。(上)
|
Java
在程序里面,时间真的发生了344秒的倒流。(中)
在程序里面,时间真的发生了344秒的倒流。(中)
101 0
在程序里面,时间真的发生了344秒的倒流。(中)