javascript – 制作类似Google-Calendar的拖动界面

当您使用Google日历并想要创建新活动时,您可以从开始时间拖动到结束时间,这会在所需范围内创建活动.

我想使用jQuery为我的网站实现相同的功能.

有谁知道我怎么能做到这一点?

解决方法:

基本思想是有时间“槽”元素,每个元素指的是一个特定的时间(通常是15分钟的间隔).每个slot元素都有一个onmouseup和onmousedown处理程序. mousedown处理程序在被触发时,存储该槽所引用的时间并更新一个布尔变量,该变量指示是否正在进行拖动.当触发mouseup时,处理程序检查是否已开始拖动,如果是,则确定这是结束槽.您现在有一个开始和结束时间,您可以从那里开始显示一些对话框,完成其余的预订.

演示:http://www.dstrout.net/pub/appointment.htm
该演示还包括防止文本选择的代码,因为这是拖动的“副作用”.查看代码以了解其工作原理.

上一篇:Python中的交互式BSpline拟合


下一篇:javascript – 如何使用Jquery使内部div触发对外部div的拖动效果?