`
hiuman
  • 浏览: 52273 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

js生成一周内的日期+周几

阅读更多
(如有错敬请指点,以下是我工作中遇到并且解决的问题)

效果有两种:
两者区别是 1.第一天(今天)显示今日 2.第一天(今天)显示周几
(第一个图是在手机上显示的效果,第二个是PC网页上显示的效果)




html:
<table>
	<tr>
		<td></td>
		<td id="today"></td>
		<td id="tomorror"></td>
		<td id="thirdday"></td>
		<td id="fourthday"></td>
		<td id="fifthday"></td>
		<td id="sixthday"></td>
		<td id="seventhday"></td>
	</tr>
</table>



第一天(今天)显示周几的方法:
function GetDateStr( Count ){ 
	var dd = new Date();
	dd.setDate( dd.getDate() + Count );//获取Count天后的日期 
	var m = dd.getMonth() + 1; //获取当前月份
	var d = dd.getDate();      //获取当前月份的日期 
	var w = dd.getDay();       //获取星期几
	m = m < 10 ? '0'+m:m;
	d = d < 10 ? '0'+d:d;
	var week;
	switch( w ){
		case 0 :week = '周日'; break;
		case 1 :week = '周一'; break;
		case 2 :week = '周二'; break;
		case 3 :week = '周三'; break;
		case 4 :week = '周四'; break;
		case 5 :week = '周五'; break;
		case 6 :week = '周六'; break;
	}
	return m+"/"+d+week; 
}

document.getElementById('today').innerText      = GetDateStr(0)
document.getElementById('tomorror').innerText   = GetDateStr(1)
document.getElementById('thirdday').innerText   = GetDateStr(2)
document.getElementById('fourthday').innerText  = GetDateStr(3)
document.getElementById('fifthday').innerText   = GetDateStr(4)
document.getElementById('sixthday').innerText   = GetDateStr(5)
document.getElementById('seventhday').innerText = GetDateStr(6)


第一天(今天)显示今日的方法:
var date  = new Date();
var month = date.getMonth()+1;
var day   = date.getDate();
		
month = month < 10?'0'+month:month;
day   = day < 10?'0'+day:day;

document.getElementById('today').innerText = month+'/'+day+'今日'


另外附上今天在segmentfault社区看到的一个问答
https://segmentfault.com/q/1010000006846956
问题是:js生成当前日期起,一周内的日期(格式为月份加日)
  • 大小: 2.8 KB
  • 大小: 1.9 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics