FullCalendar议程周刊/议程日视图，时间宽度行

Question

我现在有一个关于设置日历的问题。我想制作第一行，这是在AgendaWeek视图和AgendaDay视图中的时间稍微宽一点，但我在fullcalendar.css中找不到相应的css代码。有人可以帮助我吗？

Answer 1

通过检查我的日历的来源，我可以在左栏中看到以下代码：

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;">
  <span>12:35am</span>
</td>

宽度似乎是内联设置的。据推测，这是通过fullCalendar中的一些代码完成的。

您可以在CSS中覆盖它，但您还需要移动列中的所有其他<td>，而不是所有具有相同类别组合的所有.fc-axis。

幸运的是，他们都拥有相同的根类 - .fc-axis { width: 100px !important;} 。因此，如果你将它添加到CSS的末尾，它应该非常愉快地为你调整宽度。

    public static List<Point3d> RandomptGenerator(int num)
    {
        List<Point3d> ptList = new List<Point3d>();
        int count = num;


        for (int i = 0; i < count; i++)

        {
            for (int j = 0; j < count; j++)

            {
                double x = i;
                double y = j;

                x = ran.Next(0, 40);
                y = ran.Next(0, 30);

                ptList.Add(new Point3d(x, y, 0.0));
            }

        }

        return ptList;
    }

话虽如此，请注意固定宽度以及fullCalendar在调整大小时的反应，或调整浏览器窗口的大小，具体取决于您是否为日历指定了固定的宽度/高度，或者与aspectRatio设置混淆。