在输入字段和图标上触发Pikaday日期选择器脚本

Question

我正在尝试使用Pikaday日期选择器脚本并且它工作正常,但是我想在点击字段和图标时触发它.

我正在使用该jQuery方法绑定它,例如:

var picker = new Pikaday({
    field: $('#used_from')[0]
});

哪个工作正常,但后来我尝试了文档中提到的触发器选项,因此..

var picker = new Pikaday({
    field: $('#used_from')[0],
    trigger: $('#used_from_cal')[0],
});

这也适用,但仅限于具有used_from_calid 的元素; 它不再适用于带有id的输入字段used_from.

我尝试使用多个选择器,例如:

var picker = new Pikaday({
    field: $('#used_from, #used_from_calc')[0]
});

......但这只适用于第一个元素.

CodePen: http ://codepen.io/anon/pen/RWJyQL

Answer 1

我不认为它可以开箱即用,在Pikaday来源中看到这一点:

opts.trigger = (opts.trigger && opts.trigger.nodeName) ? opts.trigger : opts.field;

只有一个触发器,即trigger或者field.

做一些事情,你可以通过以下方式破解你的方式:

  document.getElementById("used_from_cal").addEventListener("click", function(){
    picker.show();
  });