javascript - 将动态创建的元素中的文本翻译为不同的格式

Question

如何翻译按以下格式动态创建的日期:

<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"
});

Answer 1

使用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