html - fullCalendar : today's day disappears 问题

标签 html css twitter-bootstrap fullcalendar fullcalendar-4

我对全日历有疑问。我不知道为什么,但是当我重新加载我的页面时,我等了 2 秒,今天的日子消失了,线路开始移动。 我不知道问题可能来自哪里。 非常感谢您的帮助

编辑:很抱歉没有输入代码。 我认为这可能是许多人遇到的经典问题。再次抱歉 这是我的代码:

<!-- language: lang-js -->

document.addEventListener('DOMContentLoaded', function () {


    var events = <?php echo json_encode($events) ?>;
    var date = new Date();
    var d = date.getDate(),
            m = date.getMonth(),
            y = date.getFullYear();


    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {

      locale: 'fr',
      plugins: ['interaction', 'dayGrid', 'list', 'googleCalendar', 'bootstrap', 'moment'],

      themeSystem: 'bootstrap',
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,listYear'
      },

      navLinks: true, 
      selectable: true,
      selectMirror: true,
      select: function (arg) {
        var start = moment(arg.start).format('YYYY/MM/DD HH:mm:ss');
        console.log(start); 


        $("#date").val(start);
        $('#addModal').modal();
        if ($('#addModal').modal()) {
          calendar.addEvent({

            start: arg.start,
            end: arg.end,
            allDay: arg.allDay
          });
          $.ajax({
            url: '<?= base_url(); ?>index.php/Admin/add_event',
            data: {start: arg.start, end: arg.end},
            type: "POST",
            success: function (response) {
              displayMessage("Updated Successfully");
            }
          });
        }

        calendar.unselect();
      },

      editable: true,

      eventLimit: true,
      displayEventTime: false, 

      events: events

    });

    calendar.render();
  });

a screen capture

最佳答案

问题解决了。 我发现它在我的 Bootstrap 文件和我有一个 js 文件之间存在冲突:

window.setTimeout (function () {
  $ (". alert"). slideUp (500, function () {
    $ (This) .remove ();
  });
}, 2000);

我认为当天有类(class)“警报”

非常感谢阿迪森

关于html - fullCalendar : today's day disappears 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57807723/

相关文章:

html - 没有内容时将页脚贴在底部窗口

css - 使用变量和百分比值在页面上定位元素

javascript - 单击按钮更改变量值

javascript - 无法在 Sencha-Touch2 中使用 Ext.Ajax 运行 javascript?

html - 应用外部 CSS 文件时出现问题

css - 使用Bootstrap 4,如何在特定分辨率下切换其父div被隐藏的div?

javascript - 使用 Bootstrap 折叠类不适用于多个 div 标签

html - 导航菜单的第一项有奇怪的高度

html - 为什么这个 HTML 表格在 Chrome 中不能正常工作?

jquery - Bootstrap 子菜单向下滑动