如何明显禁用过去的时间段的日视图jQuery全日历

How to visibly disable past timeslots for Day view jQuery fullcalendar

本文关键字：视图 jQuery 日历 时间段 过去 何明显      更新时间：2023-09-26

他们的可配置方法是否是一种可配置的方法，可以在jQuery全日历的"日"视图中明显禁用当天的过去时间段？

我显示当天上午 9：00 至下午 6：00 的营业时间。考虑到现在的时间是中午 12：30，我需要阻止用户在下午 12：30 之前预订任何活动。此外，禁用的时隙必须灰显且不可选择。我可以编写选择回调来验证所选时间。但需要一种视觉效果，让用户觉得过去的时隙是不可选择的。

也欢迎自定义脚本。

您可以使用 eventAfterAllRender 并将一个 css 类附加到所有已通过的插槽中。

应该很容易计算出您需要将类应用于多少行（一天中的时间，以分钟/30 为单位）。将禁用的 css 类添加到 td 和样式中，无论您喜欢什么。

这显然不会真正禁用插槽，您需要使用 dayClick 回调来禁用过去的时间

相关文章：