uniapp写一个随时间变化的预约日期列表

文章展示了如何使用JavaScript获取当前日期并遍历一周,将每一天的日期、星期几以及对应的事件数据存储在数组中,以便后续操作。
摘要由CSDN通过智能技术生成

const today = new Date();
                    const dateArray = [];
                    const dayOfWeekArray = [];
                    const yearMonthDayArray = [];
 
                    for (let i = 0; i < 7; i++) {
                        // 获取时间戳
                        const d = new Date(today);
                        console.log(d);
                        console.log(today);
                        console.log(today.getDate());
                        console.log(d.setDate(today.getDate()));
                        d.setDate(today.getDate() + i);
                        console.log(d);
                        console.log(d.getDate());
                        // 数字
                        dateArray.push(d.getDate());
                        console.log(dateArray);
                        const dayOfWeekStr = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][d.getDay()];
                        // 星期几
                        console.log(dayOfWeekStr);
                        console.log(d);
                        console.log(d.getDay());
                        dayOfWeekArray.push(dayOfWeekStr);
                        console.log(dayOfWeekArray);
                        const yearMonthDayStr = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
                        // 获取到几年几月几日
                        yearMonthDayArray.push(yearMonthDayStr);
                        console.log(yearMonthDayArray);
                        console.log(d.getMonth() + 1);
                        console.log(d.getMonth());
                    }
                    var num = [];
 
                    for (let i = 0; i < dateArray.length; i++) {
                        if (dayOfWeekArray[i] == '周一') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.mon,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周二') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.tue,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周三') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.wed,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周四') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.thu,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周五') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.fri,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周六') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.sat,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        } else if (dayOfWeekArray[i] == '周日') {
                            num.push({
                                data: dateArray[i],
                                numa: dayOfWeekArray[i],
                                time: yearMonthDayArray[i],
                                time_data: res.data.list.sun,
                                color: 'background-color: #EFEFEF;color:black;'
                            })
                        }
 
                    }
                    that.week_inner = num;
                    console.log(that.week_inner);
                    this.currentTime();
                }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值