Javascript 特殊选择jquery可选
我有一个日历网格(月)。我想选择活动的时间段。如图所示:Javascript 特殊选择jquery可选,javascript,jquery,jquery-ui,jquery-ui-selectable,Javascript,Jquery,Jquery Ui,Jquery Ui Selectable,我有一个日历网格(月)。我想选择活动的时间段。如图所示: 图1。 图2。 我如何实现这样的选择(当用户用鼠标拖动单元格(图中的8、15、22)时,他选择与单元格相交的所有周(图2)) 看起来,jQueryUISelectivePlugin并没有帮助进行这样的选择(它只会选择3个单元格(8、15、22))。也许它可以,或者有其他库可以帮助做到这一点。也许它可以用普通的js来修复…请给点建议。我做了一个,你可以点击拖动。基本上每个元素都有一个唯一的id,然后我们突出显示开始和结束之间所有左浮动
图1。
图2。 我如何实现这样的选择(当用户用鼠标拖动单元格(图中的8、15、22)时,他选择与单元格相交的所有周(图2))
看起来,jQueryUISelectivePlugin并没有帮助进行这样的选择(它只会选择3个单元格(8、15、22))。也许它可以,或者有其他库可以帮助做到这一点。也许它可以用普通的js来修复…
请给点建议。我做了一个,你可以点击拖动。基本上每个元素都有一个唯一的id,然后我们突出显示开始和结束之间所有左浮动的元素
mouseDown=null;
from=null;
$(“div”)。每个(功能(i){
$(this.attr(“数据id”,i);
});
$(“div”)。on(“mousedown”,函数(){
mouseDown=$(this.attr(“数据id”);
}).on(“mousemove”,函数(){
如果(鼠标向下){
mouseUp=$(this.attr(“数据id”);
$(“div”)。每个(功能(i){
如果(i>=mouseDown&&i)您可以将当前代码共享给,以便我们可以从中开始..我想我可以帮助您,然后您可以使用选择和取消选择事件在用户拖动单元格时重新绘制ui