Question

我正在使用Extjs datepicker。我想通过拖动它们来选择datepicker的多个日期。

为此，我试图使日历日期可拖动。我从这里https://docs.sencha.com/extjs/5.1/core_concepts/drag_drop.html获取了参考文献并编写了下面提到的代码。

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);
        });

但它似乎没有起作用。请提出我缺少的内容。

Answer 1

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

编辑：

所以这个问题确实让我对你如何解决这个问题感兴趣。所以我有一个游戏并创建了自定义日期选择器，扩展了ExtJS日期选择器，但使用我在评论中建议的鼠标监听器为多个选项提供了拖动支持。

这里可以找到小提琴DraggableDatePicker

您可能想要做的一项改进是让组件知道行和行中的值，这样当您将鼠标悬停在新行上时，该行上的所有日期（当前使用鼠标悬停的日期之前）都会被选中。我的解决方案只关心被拖过的单个细胞。

通过拖动datepicker日期来选择多个日期

1 个答案: