Jquery Fullcalendar在今日视图中隐藏了几个小时

时间:2015-08-04 20:29:13

标签: javascript jquery html time fullcalendar

我想隐藏或删除今日视图中的一些小时,现在使用minTime和maxTime选项。

预期输出为小时范围 (7到12) (隐藏13-14-16小时行) (16至22)

      $('#calendar').fullCalendar({
                header: hdr,
                buttonText: {
                    prev: '<i class="fa fa-chevron-left"></i>',
                    next: '<i class="fa fa-chevron-right"></i>'
                },

                minTime: "7:00",
                maxTime: "23:00",

                editable: true,
                droppable: true

任何想要学习的想法......

1 个答案:

答案 0 :(得分:0)

这可能是一个过时的帖子,但它仍然可以帮助某人

使用viewRender选项,您可以搜索表格并根据您使用的范围删除上述小时数

viewRender: function(view, element) {
      $(element).find('div.fc-slats table tr[data-time]').filter(function() {
        var _t = jQuery(this).data('time');
        /* Searches for the times that we don't want */
        return ((_t >= '07:00' && _t <= '12:00') || (_t >= '16:00' && _t <= '22:00')) === false;
      }).each(function() {
        $(this).remove(); /* hide the unnecessary rows */
      });
  }