JQ 根据时间显示对应的活动日期

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="text-align: center;">
	<p>阅谁问君诵,水落清香浮。</p>
	<p>活动日期:<span class="eventDate">暂定</span></p>
</div>
<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>
<script>
$(function(){
	eventDate();
});
function eventDate(){
	var now = new Date();
	var year = now.getFullYear(), month = now.getMonth()+1;
	var eventDate = year+'年1月1日~12月31日';
	if(month==1 || month==2){
		eventDate = year+'年1月1日~3月1日';
	}else if(month==3 || month==4){
		eventDate = year+'年3月1日~5月1日';
	}else if(month==5 || month==6 || month==7){
		eventDate = year+'年5月1日~8月1日';
	}else if(month==8 || month==9){
		eventDate = year+'年8月1日~10月1日';
	}else if(month==10 || month==11){
		eventDate = year+'年10月1日~12月1日';
	}else{
		eventDate = year+'年12月1日~1月1日';
	}
	$('.eventDate').text(eventDate);
}
</script>
</body>
</html>

 

PS:由于工作需要就这么多,也就没细写。你可以再细写,根据每月的日期再判断节日,再根据节日显示对应的活动。之所以写这个,是因为经常要修改日期。。。

 

效果图:
JQ 根据时间显示对应的活动日期