在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。