fullcalendar - 如何将单元格中的日期移动到完整日历的右下角

Question

我正在使用最新版本的 jQuery Full calendar。目前，默认日期编号位于单元格的右上角。我想把它移到右下角。我尝试通过 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-day-number div 移到外部，并将 vertical-align:bottom 添加到 td 。这有效，但现在单元格的高度调整不起作用

Answer 1

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

.fc-widget-content {
    position: relative;
}

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

这应该将天数移动到右下角。