Question

我的双手使用FullCalendar.js绑定我的网站上的ical。我想完全创建一个不同的格式，但有点限制。所以我的问题是，我可以使用jQuery重新格式化特定选择器的所有日期吗？

例如：

<tr class="fc-list-heading" data-date="2017-03-28">
<td class="fc-widget-header" colspan="3">
<span class="fc-list-heading-main">Tuesday</span>
<span class="fc-list-heading-alt">March 28, 2017</span>
</td>
</tr>

我可以选择所有.fc-list-heading-alt span类，并将日期重新格式化为3月28日？我已经看过网络，但还没有找到解决方案。

Answer 1

＆＃13;

for(var i = 0; i < $(".fc-list-heading-alt").length; i++)  {

    var elem =$(".fc-list-heading-alt").get(i);

    var date = new Date($(elem).text());
    
    $(elem).text(date.toDateString());

}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr class="fc-list-heading" data-date="2017-03-28">
<td class="fc-widget-header" colspan="3">
<span class="fc-list-heading-main">Tuesday</span>
<span class="fc-list-heading-alt">March 28, 2017</span>
</td>
</tr>

＆＃13;

查看https://www.w3schools.com/jsref/jsref_obj_date.asp以获取Date对象的所有功能。

Answer 2

请检查一下。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 $(document).ready(function() {
	var date = new Date($('.fc-list-heading').attr("data-date"));
	var monthNames = ["January", "February", "March", "April", "May", "June",
		"July", "August", "September", "October", "November", "December"
	  ];
	$('.fc-list-heading-alt').text(date.getDate()+' '+monthNames[date.getMonth()]+', '+date.getFullYear());
});

Jquery根据选择器更改日期格式

2 个答案: