如何翻译按以下格式动态创建的日期:
<h3 style="margin-top: 0px" class="departure-datetime">2015-05-04 16:00:00</h3>
像这样更具可读性的东西:
Monday 04 May - 01:00
使用 jQuery?
据我了解,它涉及在打开链接时使用 .on
函数指向 出发日期
:
$('#search-link').click(function () {
// code to target all the elements with the class `departure-datetime`
// change them to "2015-05-04 16:00:00" to "Monday 04 May - 01:00"
});
最佳答案
使用Date.parse()
和一些相关函数,我们可以做到:
$('.departure-datetime').each(function () {
var value = $(this).text().trim().split(' '),
date = value[1].split(':'),
day = value[0].split('-'),
days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
date.pop();
$(this).html(days[new Date(Date.parse('2015-05-04')).getDay()] +' '+day[2]+' '+ months[new Date(Date.parse(value[0])).getMonth()] + ' - ' + date[0] + ':' + date[1]);
});
结果是:
Monday 04 May - 16:00
关于javascript - 将动态创建的元素中的文本翻译为不同的格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29852830/