Странное поведение в Material datepicker

Question

Я пытаюсь использовать средство выбора даты в формате google (http://materializecss.com/forms.html). При этом я хочу всплывать при выборе даты, когда я нажимаю на значок. Я реализовал две реализации, где единственное различие между ними - это поставить alert('clicked') с кодом.

без alert('clicked'): http://jsfiddle.net/1bnnkhbw/

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

второй работает в то время как первый один не .. (в хроме) !!!

Кто-нибудь знает причину такого поведения?

И способ сделать работу 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"); 
}); 

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

Код взят из here и here