当前位置 : 主页 > 网络编程 > JavaScript >

js获取未来一周内的所有日期及星期,以及mui事件绑定

来源:互联网 收集:自由互联 发布时间:2021-06-28
用js获取未来一周内所有日期及星期 //****js代码function getWeekDate(){ //日期const week = [];//周期const day =[];var content='';for(var i = 0; i 7; i++) {//获取日期用当前日期var Stamp = new Date();//获取周期用
用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
网友评论