如何使用 tui 日历仅显示从上午 9 点到下午 6 点的每日视图？答案

【问题标题】：How to display the daily view only from 9am to 6pm using tui calendar?如何使用 tui 日历仅显示从上午 9 点到下午 6 点的每日视图？
【发布时间】：2023-02-20 04:56:10
【问题描述】：

我正在使用 tui 日历https://ui.toast.com/tui-calendar，我只想在日历中显示上午 9 点到下午 6 点的每日视图，但我不知道该怎么做，请帮助我，谢谢。

脚本

var Calendar = tui.Calendar;
var calendar = new Calendar('#calendar', {



   week: {
       hourStart: 9,
       hourEnd: 18
   }

      defaultView: 'week',
      taskView: false,
      useCreationPopup: false,
      useDetailPopup: true,
      allDaySlot: false,
      droppable: false,
      template: {
        monthDayname: function(dayname) {
          return '<span class="calendar-week-dayname-name">' + dayname.label + '</span>';
        }
      }
    });

    document.getElementById('my-today-button').addEventListener('click', function() {
      calendar.today();

    });
    document.getElementById('my-next-button').addEventListener('click', function() {
      calendar.next();
    });
    document.getElementById('my-prev-button').addEventListener('click', function() {
      calendar.prev();
    });
    document.getElementById('weekView').addEventListener('click', function() {
      calendar.changeView('week', true);
    });
    document.getElementById('monthView').addEventListener('click', function() {
      calendar.changeView('month', true);
    });

【问题讨论】：

标签： javascript tui-calendar

【解决方案1】：

在此处查看文档，开始/结束时间的周选项应该是您要查找的内容。

https://github.com/nhn/tui.calendar/blob/main/docs/en/apis/options.md#weekhourstart

【讨论】：