Material 日期选择器中的奇怪行为

Question

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

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

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

第二个有效，而第一个无效..（chrome）！！！

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

第一个成功的方法是什么？

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");
});

Fiddle: http://jsfiddle.net/k2qtzp7p/1/

代码取自here and here

Material 日期选择器中的奇怪行为

Strange behaviour in Material datepicker

javascript

jquery

datepicker

material-design