Question

我试图通过在日历单元格上删除一些事件来从Jquery ui date-picker获取日期。

一旦我在日历上放下一些事件，就应该显示一个警告，显示我放弃事件的日期。

$(".ui-datepicker-calendar tbody tr td").droppable({
    drop: function (event, ui) {
        // $("#datepicker").datepicker._selectDay('#datepicker',2,2012, this);
        alert('Event added <show dropped date>#####');
    }
});

有人可以帮帮我吗？

Answer 1

如果您在拖动开始时实例化droppable，则只需在drop上触发click事件即可。

然后可以通过通常的getDate方法访问删除的日期。

$(".event").draggable({
    start: function () {
        $(".ui-datepicker-calendar td").droppable({
            drop: function() {
                $(this).click();
                var theDate = $(".datepicker").datepicker("getDate");
                alert( "Event Created on " + theDate.toDateString() );
            }
        });
    }
});

我确实有一点麻烦让拖拽本身对这么小的掉落区很好，所以我不得不使用cursorAt定位光标。查看此jsFiddle即可查看。

如何使用droppable从jquery日期选择器获取日期

1 个答案: