日期和日期不同的風格

Question

在表（datatable.js）中，在第一列的每個單元格中，我需要以這種格式顯示日期：'15 Jan'，'Feb Feb'等...

每天的數量有一種風格，月份有不同的風格。

我用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;
}

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

做我需要保留日期格式是否可行？ 我找了一會兒，但沒有找到任何東西。

謝謝

Answer 1

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

<time>15 feb</time>

你可以添加這個JS：

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

只是示例樣式（在sass中）：

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

這將使time元素看起來像：

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

你可以在這里看到一個有效的例子： http ： //codepen.io/sonnyprince/pen/wGpGZJ

Answer 2

您可以將日期保存在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>