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>

日期和日期不同的风格

2 个答案: