Fullcalendar-无法在“月份”视图中显示日期名称

时间:2019-08-09 13:39:46

标签: javascript jquery fullcalendar fullcalendar-3

我正在使用完整的日历3.4,并试图在月视图中显示日期名称,但似乎无济于事。 不过,在周视图中可以正常工作。

enter image description here

尝试了多种不同的方法,这是我的配置:

$('#calendar').fullCalendar({

        defaultView: 'month',
        weekNumbers: true,
        selectable: true,
        selectHelper: true,
        selectOverlap: false,
        timeFormat: 'H:mm',
        firstDay: 1,
        views: {
            month: {
              columnHeaderFormat: 'ddd'
        }},


        header: {
            right: 'prev,next today',
            left: 'title',
            center: 'month,agendaWeek,agendaDay'
        } });

有什么想法可以使它起作用吗?

2 个答案:

答案 0 :(得分:2)

您使用的是哪个momnet版本?试试这个代码片段。我可以在标题中看到日期名称。

(function($) {
  $(document).ready(function() {
    var fullcalendar = $('#calendar').fullCalendar({

      defaultView: 'month',
      weekNumbers: true,
      selectable: true,
      selectHelper: true,
      selectOverlap: false,
      timeFormat: 'H:mm',
      firstDay: 1,
      views: {
        month: {
          columnHeaderFormat: 'ddd'
        }
      },


      header: {
        right: 'prev,next today',
        left: 'title',
        center: 'month,agendaWeek,agendaDay'
      }
    });
  });
})(jQuery)
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css" rel="stylesheet" />
<div id="calendar"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>

答案 1 :(得分:1)

columnFormat: {
 month: 'dddd'
}