不同風格的日期和月份

在表（datatable.js）中，在第一列的每個單元格中，我需要顯示具有以下格式的日期：'1月15日'，'2月15日'等。 ..不同風格的日期和月份

當天的數字有一種風格，並且該月有不同的風格。

我用2個div的「解決」它：

<div class="day-style">15</div> 
<div class="month-style">Feb</div> 

.day-style { 
    font-weight: 25px; 
    color: red; 
} 
.month-style { 
    font-weight:16px; 
    color: blue; 
}

它看起來像我需要什麼，但是，當然它不是一個日期格式，所以我不能按日期排序。

是否可以做我需要的日期格式？我正在尋找一段時間，我沒有找到任何東西。

謝謝

來源

2016-04-07 Alex

你可以保持您的日期data-attribute和排序表時使用它。

<td data-date='15 Feb'> 
    <div class="day-style">15</div> 
    <div class="month-style">Feb</div> 
</td>

或者你可以使用unix日期格式，更方便處理：

<td data-date='1423947600000'> 
    <div class="day-style">15</div> 
    <div class="month-style">Feb</div> 
</td>

來源

2016-04-07 09:19:45 t1m0n

你可以用一點簡單的JavaScript做到這一點：

<time>15 feb</time>

你可以添加這個JS：

$('time').each(function(){ 
    var me = $(this); 
    me.html(me.text().replace(/(^\w+)/,'<span>$1</span>')); 
});

，只是例子造型會（在上海社會科學院）：

time { 
    color: red; 
    span { 
    color: blue; 
    } 
}

這將使time元素看起來像：

<time><span>15</span> feb</time>

你可以在這裏看到一個工作示例： http://codepen.io/sonnyprince/pen/wGpGZJ

來源

2016-04-07 09:11:20

不同風格的日期和月份

回答

相關問題