Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 特殊选择jquery可选_Javascript_Jquery_Jquery Ui_Jquery Ui Selectable - Fatal编程技术网

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