在document.ready函數中使用pickmeup datepicker事件偵聽器

Question

Pickmeup文檔提供了將事件偵聽器與純JavaScript一起使用的示例，但是當jquery可用並准備就緒時，您將如何應用這些示例？

pickmeup(element);
element.addEventListener('pickmeup-change', function (e) {
    console.log(e.detail.formatted_date); // New date according to current format
    console.log(e.detail.date);           // New date as Date object
})

以下似乎無效：

  $('#pickup_date').on('pickmeup-change', function (e) {
        console.log(e.detail.formatted_date); // New date according to current format
        console.log(e.detail.date);           // New date as Date object
    });

Answer 1

為了回答這個問題，事件監聽器需要包含在選擇器初始化中：

  $('#pickup_date').pickmeup({
    format : 'm/d/Y',
    hide_on_select: true,
    calendars : 2,
    change : function (formatted_date) {
       $('#return_date').val(addDays(formatted_date,2));
    }
  });

Answer 2

來自jQuery event docs ：“要訪問上面未列出的事件屬性，請使用event.originalEvent對象”。 換句話說，請使用e.originalEvent.detail.formatted_date和e.originalEvent.detail.date 。