将事件放在完整日历中的营业时间是否正确？-解网

问：

当事件从资源拖放到营业时间时，它允许处于灰色区域（营业时间）。这是对的吗？
当事件拖动以更改时间段时，它仍然允许放置在营业时间

document.addEventListener("DOMContentLoaded", function () {
  var calendarEl = document.getElementById("calendar");

  var calendar = new FullCalendar.Calendar(calendarEl, {
    timeZone: "UTC",
    initialView: "resourceTimelineDay",
    aspectRatio: 1.5,
    headerToolbar: {
      left: "prev,next",
      center: "title",
      right: "resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth"
    },
    editable: true,
    resourceAreaHeaderContent: "Rooms",
    businessHours: {
      // days of week. an array of zero-based day of week integers (0=Sunday)
      daysOfWeek: [1, 2, 3, 4], // Monday - Thursday

      startTime: "12:00", // a start time (10am in this example)
      endTime: "18:00" // an end time (6pm in this example)
    },
    resources: [
      { id: "a", title: "Resource A" },
      { id: "b", title: "Resource B" }
    ],
    events: [
      { title: "Event 2", start: "2023-11-10", resourceId: "a" },
      { title: "Event 3", start: "2023-11-10", resourceId: "b" }
    ]
  });

  calendar.render();
});

html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

#calendar {
  max-width: 1100px;
  margin: 40px auto;
}

<div id='calendar'></div>
    <link href='fullcalendar/core/main.css' rel='stylesheet' />
    <link href='fullcalendar/daygrid/main.css' rel='stylesheet' />

    <script src='fullcalendar/core/main.js'></script>
    <script src='fullcalendar/daygrid/main.js'></script>
     <script src='https://cdn.jsdelivr.net/npm/full[email protected]/index.global.min.js'></script>

请帮助我分享您的结论和答案

完整日历

如果您需要 Stackoverflow 社区的帮助，您必须在此问题中提供您的问题的最小可重现示例，而不是在其他站点（即使它是另一个 Stackexchange 站点）上的其他帖子上。那么问题来了：a）更容易理解，b）将来不会改变或删除其他职位。另请参阅如何提问和我可以在这里询问哪些主题？。无论如何，您提供的链接（meta.mathoverflow.net/q/5410）似乎不包含与fullCalendar相关的任何内容，除非我错过了它。

0赞 ADyson 11/9/2023

关于您的实际问题，您可以设置 fullcalendar.io/docs/eventConstraint 和/或 fullcalendar.io/docs/eventAllow 来控制可以将事件拖动到的位置。目前尚不清楚到目前为止，您研究或尝试了什么（如果有的话）。文档有很多细节。再次查看如何提问。

1赞 ADyson 11/9/2023

感谢您的编辑，但代码片段没有运行。请向其添加完整日历脚本链接。cloudflare显然是无关紧要的。将来，如果您添加代码片段，请在提交之前确保它确实可用（否则会在某种程度上破坏使用代码片段功能的意义）。

1赞 ADyson 11/9/2023

请注意我上面关于eventConstraint的观点。这应该已经解决了您的问题。

0赞 srikant torkade 11/10/2023

“营业时间”对我们来说除了向用户展示灰色地带之外，还能做什么？

答： 暂无答案

上一个：FullCalendar 更改大小行小时数

下一个：将 Liveware 更新到 v3 后，Liveware/Fullcalendar 无法正常工作

将事件放在完整日历中的营业时间是否正确？

Is it right to place events on Business hours in fullcalendar?

评论