JS Bin 演示
Task:
我正在使用 jQuery UI 创建事件调度程序。事件有一定的长度(以分钟为单位),并且可以将它们拖到不同的日期,每个日期都有自己的最大长度(以分钟为单位)。在示例中,每天的最大长度为 480 分钟,并且不应允许插入超过 480 分钟的“事件”。
Problem:
如果“事件”将导致“天”超过其最大时间长度(基于已放置在其上的元素的组合时间),则应禁用该“天”(不允许在此特定事件中放置)。
正如你可以看到demo,我可以计算出每天事件的组合时间(“可用分钟数”在拖动停止时更新),但如果拖动的事件会导致“可用分钟数”变得消极。
这里最简单的事情是在开始时运行一个函数来检查是否有房间被预订满。我修改了您在这里提供的演示:修改后的演示
它当然可以进行一些改进,但本质上它会检查您正在拖动的事件的长度,并隐藏时间不足的任何房间的可排序 ul。我隐藏了房间,因为禁用它们会太晚生效。我还在html中在每个房间ul之前添加了一个span,以便在时间不足时显示。可能最好用 js 添加它,但没有太多时间进行细化。
希望有帮助!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)