当您使用Google日历并要创建新事件时,可以从开始时间拖动到结束时间,这样可以在所需范围内创建事件。
我想使用jQuery为我的网站实现相同的功能。
有谁知道我如何做到这一点?
最佳答案
基本思想是具有时间“槽”元素,每个元素都引用特定时间(通常为15分钟间隔)。每个插槽元素都有一个onmouseup和onmousedown处理函数。触发后的mousedown处理程序将存储该插槽所引用的时间,并更新一个 bool(boolean) 变量,该 bool(boolean) 变量指示是否发生拖动。触发mouseup时,处理程序将检查是否已开始拖动,如果已开始,则确定这是结束插槽。现在您有了开始和结束时间,您可以从那里开始显示一些对话框,以完成其余的预订。
演示: http://www.dstrout.net/pub/appointment.htm
该演示还包括防止文本选择的代码,因为这是拖动的“副作用”。查看代码以查看其工作原理。