材料datepicker中的奇怪行为

Question

我正在尝试使用物化日期选择器(http://materializecss.com/forms.html).有了这个,我想在点击图标时弹出日期选择器.我已经实现了两个实现,其中两者之间的唯一区别是alert('clicked')使用代码.

没有alert('clicked'):http://jsfiddle.net/1bnnkhbw/

与alert('clicked'):http://jsfiddle.net/1bnnkhbw/1/

第二个工作,而第一个不工作..(铬)!

有人知道这种行为的原因吗？

还有一种让第一个工作的方法吗？

Answer 1

我想我找到了一个解决方案,请您查看:

<i id="icon">click</i>
<input class="datepicker" style="display:none;" value="click"></input>



$('.datepicker').pickadate({
    selectMonths: true,
    selectYears: 15 
  });

$('#icon').click(function(event){
    event.stopPropagation();
    $(".datepicker").first().pickadate("picker").open();
    console.log("test1");
});

小提琴:http://jsfiddle.net/k2qtzp7p/1/

代码取自这里和这里