【问题标题】:How to remove week and Day view buttons from FullCalendar in laravel project?如何从 laravel 项目中的 FullCalendar 中删除周和日视图按钮?
【发布时间】:2018-05-23 06:25:31
【问题描述】:

我在 laravel 项目中使用 FullCalendar,我想从标题栏中删除星期和日期按钮。

$calendar = Calendar::addEvents($data)
          ->setOptions([ //set fullcalendar options
              'firstDay' => 1,
              'height' => 'auto',
              'themeSystem' => 'bootstrap3',
              'columnHeader' => false,
              'aspectRatio' => 1,
              'allDayDefault'=> false, 

          ])->setCallbacks([
    'eventRender'=> 'function (event, element, view) {
        var dateString = event.start.format("YYYY-MM-DD");

        $(view.el[0]).find(".fc-day[data-date=" + dateString +"]").css("background-color", "#FAA732");
     }'
          ]);

      $subset = $data->map(function ($data) {
          return collect($data->toArray())
              ->only(['title','start', 'end'])
              ->all();
      });
      return view('events.calendar', compact('calendar','data'));

所以,我想从 fullCalendar 中删除那些周和日视图按钮。

我使用了'allDayDefault'=> falseallDay='false',但它们都不起作用。

【问题讨论】:

    标签: javascript css laravel-5 fullcalendar


    【解决方案1】:

    要禁用另一个按钮,然后 Month 您可以在日历选项中使用 right: 'month' 并使用 right: '' 删除月份按钮。 您必须将以下选项添加到您的 setOption 参数中。:

    $calendar = Calendar::addEvents($data)
              ->setOptions([ //set fullcalendar options
                  'firstDay' => 1,
                  'height' => 'auto',
                  'themeSystem' => 'bootstrap3',
                  'columnHeader' => false,
                  'aspectRatio' => 1,
                  'allDayDefault'=> false,
                  'header' => [
                        'left' => 'today prev,next',
                        'center' =>'title',
                        'right' =>'month'],
                  .......
    

    【讨论】:

    • 谢谢你,阿迪。实际上,我想在月视图中使用日历并删除周和日视图。我尝试了上面的代码,但没有任何改变。
    • 你必须像上面那样添加这个更新。让我知道它是否不起作用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-13
    • 2023-02-04
    • 2014-02-18
    • 1970-01-01
    相关资源
    最近更新 更多