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