如何设置由 php 创建的日期并在单个 span 元素中输出

Question

我的问题是我正在使用的 CMS 在单个跨度元素中输出日期，如下所示：M/d/Y，它输出以下 html：Mar/03/14。

我想为每个变量设置日期样式 例如2014（在底部）、JAN（在年的顶部）和 14（在月的顶部）。

不幸的是，我只能访问 css 和 smarty tpl 文件，而不是 php 文件。我正在寻找 CSS 解决方案，但我也对 JS 持开放态度。

感谢任何建议。

Answer 1

我使用 jQuery 编写了这个示例：

$(document).ready(function(){

    // You can change for your classes or add this in your smarty template
    var month = $('.month'),
        day = $('.day'),
        year = $('.year'),
        out = $('.out');

    var months = {
        'JAN': '01'
        'FEB', '02',
        'MAR': '03' 
        // etc...
    };

    // Hides the unecessary elements
    month.hide();
    year.hide();
    day.hide();

    out.html(months[month.text()] + '/' + day.text() + '/' + year.text());

});