Extjs 通过拖动日期选择器日期来选择多个日期

我正在使用Extjs日期选择器。 我想通过拖动日期选择器来选择多个日期

为此，我尝试将日历日期设置为可拖动的。我从这里获得了参考，并编写了下面提到的代码

var calendarDate = Ext.get('DatePickerSchedule').select('td');
        Ext.each(calendarDate.elements, function(el) {
            var dd = Ext.create('Ext.dd.DD', el, 'datesDDGroup', {
                isTarget: true
            });
            //Apply the overrides object to the newly created instance of DD
            Ext.apply(dd, window.overrides);
        });

但它似乎不起作用。请指出我遗漏的内容。

请查看此内容。提供了一个小提琴，演示了如何在日期选择器上实现多重选择。它不使用拖动，但它可能是适合您需要的解决方案

编辑：

所以这个问题真的让我对你们如何解决这个问题感兴趣。因此，我进行了一次尝试，创建了自定义日期选择器，它扩展了ExtJS日期选择器，但使用我在评论中建议的鼠标侦听器为多个选择提供了拖动支持

小提琴可以在这里找到

---

您可能希望做的一个改进是使组件知道行和行中的值，这样当您将鼠标移到新行上时，该行上的所有日期（在当前使用鼠标覆盖的日期之前）都会被选中。我的解决方案只关心拖过的单个单元格。

我需要通过拖过它们来选择日期，而不是单击单个日期。选择多个日期可以满足非课程目的，但这不是功能需要。从功能上讲，它应该通过拖动来选择日期。好的，我明白了。在没有查看datepicker源代码的情况下，我觉得您可能需要扩展该类，并为mousedown、mouseover和mouseup添加侦听器，以获得所需的功能。当在一个元素上首次鼠标按下后触发mousemove事件时，您可以将相应的元素设置为selected。感谢您在这个问题上花费的时间。你的解决方案看起来很不错