如何用JS获取未来一周日期和星期，并绑定mui事件？
- 内容介绍
- 文章标签
- 相关推荐
本文共计599个文字，预计阅读时间需要3分钟。
使用JavaScript获取未来一周内所有日期及星期：
javascriptfunction getWeekDate() { // 存储日期 const dates=[]; // 存储星期 const days=[]; var content='';
for (var i=0; i <7; i++) { // 获取当前日期 var date=new Date(); // 设置日期为未来一周的日期 date.setDate(date.getDate() + i); // 格式化日期 var formattedDate=date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(); // 格式化星期 var formattedDay=date.toLocaleDateString('zh-CN', { weekday: 'long' });
// 添加到数组 dates.push(formattedDate); days.push(formattedDay); }
// 生成输出内容 for (var j=0; j return content;} //****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
本文共计599个文字，预计阅读时间需要3分钟。
使用JavaScript获取未来一周内所有日期及星期：
javascriptfunction getWeekDate() { // 存储日期 const dates=[]; // 存储星期 const days=[]; var content='';
for (var i=0; i <7; i++) { // 获取当前日期 var date=new Date(); // 设置日期为未来一周的日期 date.setDate(date.getDate() + i); // 格式化日期 var formattedDate=date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(); // 格式化星期 var formattedDay=date.toLocaleDateString('zh-CN', { weekday: 'long' });
// 添加到数组 dates.push(formattedDate); days.push(formattedDay); }
// 生成输出内容 for (var j=0; j return content;} //****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