FullCalendar не отображается корректно в django

текущее отображение полного календаря

Здравствуйте, я работаю с FullCalendar и пытаюсь отобразить календарь, но в итоге он отображается так, как на картинке, прикрепленной к этому сообщению. Я не уверен, почему он отображается именно так, и я следовал инструкциям на их странице тегов скриптов, но безуспешно. Кто-нибудь знает, почему и как решить эту проблему?

Вот код, который я использую для этого

{% extends 'apisapp/base.html' %}
{% load static %}
{% block content %}
    {% block extra_css %}
    <style>
        .btn-success {
            background-color:#7AAF4F;
        }
        .btn {
            font-weight: bold;
        }
    </style>

    </link rel="stylesheet" href="{% static 'fullcalendar/lib/main.css' %}"> 

    {% endblock extra_css%}
    
    <body style="background-color: #2B2B2B; color: white;">

        
        <div class="card" style="background-color: #2B2B2B; color: white;">
            <div id="calendar" class="container" ></div>
        </div>
        
        
    </body>


{% block extrajs %}
<script src="{% static 'fullcalendar/lib/main.js' %}"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
    var calendarUI = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarUI, {
    });
    calendar.render();
  });

</script>
{% endblock extrajs%}
{% endblock %}

попробуйте использовать библиотеку HTMLCalendar проверьте эту ссылку : https://www.huiwenteo.com/normal/2018/07/24/django-calendar.html

или вы можете использовать простой календарь с помощью библиотеки DateField

проверьте эту ссылку : https://alexpnt.github.io/2017/07/15/django-calendar/

Вернуться на верх