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

简介: uniapp写一个随时间变化的预约日期列表
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();
        }


相关文章
|
7月前
|
Web App开发 小程序 Android开发
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
Uniapp from 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker
111 0
|
开发者
【 uniapp - 黑马优购 | 购物车页面(1)】如何创建购物车编译模式、 商品列表区域实现
【 uniapp - 黑马优购 | 购物车页面(1)】如何创建购物车编译模式、 商品列表区域实现
283 0
|
开发者
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
401 0
|
7月前
uniapp获取日期
uniapp获取日期
177 2
|
JSON 数据格式
uniapp列表渲染,渲染循环嵌套数组
uniapp列表渲染,渲染循环嵌套数组
124 1
uniapp列表渲染,渲染循环嵌套数组
|
7月前
|
存储 JavaScript 前端开发
uniapp获取一周日期和星期
uniapp获取一周日期和星期
218 0
|
小程序 NoSQL Redis
【uniapp小程序】打印列表UI模板
【uniapp小程序】打印列表UI模板
118 0
uniapp写一个随时间变化的预约日期列表
const today = new Date(); const dateArray = []; const dayOfWeekArray = []; const yearMonthDayArray = [];
98 0
uniapp的picker日期转时间戳多8小时问题
uniapp的picker组件前段时间用的时候发现一个很神奇的问题,就是选择后生成的时间戳会多出8小时
299 0
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
137 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章