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

Question

我正在尝试通过在日历单元格上拖放某些事件来获取Jquery UI日期选择器中的日期。

只要我在日历上放置了一些事件，它就应该显示一个警报，显示我放置事件的日期。

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

有人能帮我吗？

- Univer

Answer 1

如果您在拖动开始时实例化可放置对象，则可以简单地在放置时触发单击事件。

然后，通过通常的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。

- Alex

---

非常感谢你。在放置图像后，它只会放置在日历上。它需要回到原来的位置。我也设置了 revert: true。这时拖动功能无法使用。请帮助我解决这个问题。 - Univer

我使用了 helper:clone 而不是 revert:true，这似乎可以正常工作。你用的是什么浏览器？请查看我链接的 jsFiddle，看看它是否适用于你。 - Alex