Как получить дату из JQuery Date Picker, используя Droppable

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

Кто-нибудь может мне помочь?

Answer 1

Если вы создаете экземпляр dropbleable при начале перетаскивания, вы можете просто запустить событие щелчка при падении.

Дата отбрасывания будет тогда доступна с помощью обычного 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 , чтобы увидеть.