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

Question

我正在使用最新版本的jQuery Full日历。目前，默认的日期编号位于单元格的右上角。我想把它移到右下角。我尝试通过CSS进行操作，即vertical-align：bottom，但它不会影响第一列。

/ * 修改的 ** /

好的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移到了外面，并在td中添加了vertical-align：bottom。这有效，但现在单元格的高度调整不起作用

Answer 1

您可以将fullcalendar.css编辑为添加这些设置到现有代码：

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

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

这应该将日期号移到右下角。