如何從jquery日期選擇器使用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

如果您在拖動開始時實例化droppable，您可以簡單地在拖放時觸發點擊事件。

然後可以通過通常的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看到。