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;


目录
打赏
0
1
1
0
57
分享
相关文章
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
|
9月前
一文搞懂:两个日期的时间间隔
一文搞懂:两个日期的时间间隔
80 0
实战:求年月日时间前后遇到的坑和解决方式
这周接到一个时间转换任务需要处理,本来没什么问题,后来完成后发现时间有偏差,又重写了一遍代码,感觉很有记录必要性,希望看过的小伙伴可以避坑。
实战:求年月日时间前后遇到的坑和解决方式
uniapp写一个随时间变化的预约日期列表
const today = new Date(); const dateArray = []; const dayOfWeekArray = []; const yearMonthDayArray = [];
113 0
javascript时间函数的运用:根据开始时间和时间差来计算截至时间的解决方案
javascript时间函数的运用:根据开始时间和时间差来计算截至时间的解决方案
129 0
js判断开始时间与结束时间不大于24小时的解决方案
js判断开始时间与结束时间不大于24小时的解决方案
432 0
C++ 日期和时间编程总结
在 C++11 之前,C++ 编程只能使用 C-style 日期时间库,其精度只有秒级别,这对于有高精度要求的程序来说,是不够的。但这个问题在C++11 中得到了解决,C++11 中不仅扩展了对于精度的要求,也为不同系统的时间要求提供了支持。另一方面,对于只能使用 C-style 日期时间库的程序来说,C++17 中也增加了 timespec 将精度提升到了纳秒级别。
426 1
Typecho按文章发布时间倒序排序
Typecho的默认文章编辑排序方式是按照文章发布的时间来排序的,所以说默认的情况下,越早发布的文章会在首页的越后面,假如我们想要更改排序方式,即越早发布的文章排序在首页越前面的话,应该如何修改Typecho源代码呢?
362 2
Typecho按文章发布时间倒序排序
【React工作记录七十二】时间秒转换为毫秒
【React工作记录七十二】时间秒转换为毫秒
150 0
mybaits传入的时间参数与数据库实际插入的时间晚8个小时
mybaits传入的时间参数与数据库实际插入的时间晚8个小时
245 0
mybaits传入的时间参数与数据库实际插入的时间晚8个小时