如何在“完整日历”中将单元格中的日期移动到右下角

Question

我使用的是最新版本的jQuery Full日历。目前，defaul的日期编号位于单元格的右上角。我想把它移到右下角。我试着通过CSS来实现，即垂直对齐：底部，但它不会影响第一列。

/*编辑**/

好的，css解决方案不起作用，所以我在周围移动了html结构

原件：

<td class="fc-sat fc-widget-content fc-day6 fc-last">
  <div>
    <div class="fc-day-number">2</div>
    <div class="fc-day-content">
      <div style="position:relative">&nbsp;</div>
    </div>
  </div>
</td>

新

<td class="fc-sat fc-widget-content fc-day6 fc-last">
      <div>
        <div class="fc-day-content">
          <div style="position:relative">&nbsp;</div>
        </div>
      </div>
      <div class="fc-day-number">2</div>
    </td>

'正如您所看到的，我已经将.fc日期div移到了外部，并在td中添加了垂直对齐：bottom。这是有效的，但现在单元格的高度调整不起作用

Answer 1

您可以编辑fullcalendar.css以将这些设置添加到现有标记中：

.fc-widget-content {
    position: relative;
}
.fc-day-number {
    position: absolute;
    right: 0;
    bottom: 0;
}

这会将日期移动到右下角。