如何使用js结合mui实现绑定事件并获取未来一周内每一天的日期和星期？

本文共计605个文字，预计阅读时间需要3分钟。

使用JavaScript获取未来一周内所有日期及星期：

javascriptfunction getWeekDate() { // 日期数组 const week=[]; // 星期数组 const day=[]; var content='';

for (var i=0; i <7; i++) { // 获取当前日期 var Stamp=new Date(); // 设置日期为未来一周 Stamp.setDate(Stamp.getDate() + i); // 格式化日期 var year=Stamp.getFullYear(); var month=Stamp.getMonth() + 1; var date=Stamp.getDate(); var weekday=Stamp.getDay(); // 星期（0-6） // 星期映射 var weekDay=[日, 一, 二, 三, 四, 五, 六]; // 添加到数组 week.push(year + - + month + - + date); day.push(weekDay[weekday]); // 拼接内容 content +=year + 年 + month + 月 + date + 日（ + weekDay[weekday] + ）\n; }

return content;}

用js获取未来一周内所有日期及星期

//****js代码 function getWeekDate(){ //日期 const week = []; //周期 const day =[]; var content=''; for(var i = 0; i < 7; i++) { //获取日期用当前日期 var Stamp = new Date(); //获取周期用当前日期 var Stamp1 = new Date(); //遍历一周后的日期 Stamp.setDate(Stamp.getDate() + i + 1); //遍历一周后的周期 Stamp1.setDate(Stamp1.getDate() + i); //格式日期化为x-y week[i] = (Stamp.getMonth() + 1) + '-' + (Stamp.getDate() - 1); //格式化周期为数字,获取到的就是数字 day[i] = (Stamp1.getDay()); //console.log(day[i]); //console.log(week[i]); } /** * 将周期的数字替换为汉字 */ for(var k=0;k<7;k++){ perchar = day[k]; switch(perchar){ case 1 : day[k]="一";break; case 2 : day[k]="二";break; case 3 : day[k]="三";break; case 4 : day[k]="四";break; case 5 : day[k]="五";break; case 6 : day[k]="六";break; case 0 : day[k]="日";break; } //console.log(day[k]); } content+=' 周'+day[0]+' '+week[0]+''; for(var j=1;j<7;j++){ content+=' 周'+day[j]+' '+week[j]+''; } $("#choose_date").html(content); } //绑定时间选择绑定时间 mui('body').on('tap', '.sever-time-list span', function() { console.log($(this).html()); $("#time_list span").removeClass("active"); $(this).addClass("active"); }) mui('body').on('tap', '.mui-scroll a', function() { $("#choose_date a").removeClass("mui-active"); $(this).addClass("mui-active"); var nowdate = ''; var nowtime = ''; var Stamp2 = new Date(); nowtime = (Stamp2.getHours()+2) + ':' + Stamp2.getMinutes(); nowdate = (Stamp2.getMonth() + 1) + '-' + (Stamp2.getDate()) var temp = document.getElementById('time_list'); var linum = temp.getElementsByTagName("span"); var activedate = $("#choose_date").find(".mui-active").find("span").text(); if(activedate==nowdate){ for(var i = 0; i < linum.length; i++) { if(linum[i].innerHTML 选择服务时间 周四 12-01 周四 12-01 周四 12-01 周四 12-01 周四 12-01 周四 12-01 周四 12-01 09:00 09:30 10:00 10:30 11:00 11:30 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00 服务时间只能选择下单后两小时 上门估算价格 （不收取上门费） 提交订单 服务时间选择.bmp 服务时间选择.bmp