jquery截取字符串 本年度的信息日期只显示月日

jquery截取字符串 本年度的信息日期只显示月日

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。

HTML

	<div class="box">
		<ul>
			<li>2020北京智源大会邀你共同探索AI下一个十年<span class="sj">2020-03-18</span></li>
			
		</ul>
	</div>

CSS

	<style type="text/css">
	li {
		list-style: none;
		height: 50px;
		line-height: 50px;
		padding-right: 20px;
	}
	.box{
		border: 1px #ccc solid;
		width: 600px
	}
	.sj {
		float: right;
	}
	</style>

JS

<script type="text/javascript" src="jquery.1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	//获取当前年份
	var date=new Date();
	var curDate=date.getFullYear();
	//获取标签中的日期
	var artDate=$('.sj').text();
	//判断标签中日期的年份是否和当前年份相同
	if(artDate.indexOf(curDate)!=-1){
		//相同的话，从标签中日期截取字符串，从索引为5的开始截取
		var newDate=artDate.substring(5);
		//把截取完的字符串交给span标签
		$('.sj').text(newDate);
	}else{
		//不相同的话，还是原来的日期
		$('.sj').text(artDate);
	}
})
</script>

没修改之前：

修改之后：