材料日期选择器中的奇怪行为

我正在尝试使用Google的实际日期选择器（http://materializecss.com/forms.html）。有了这个，我想在点击图标时弹出日期选择器。我已经实现了两个实现，其中两者之间的唯一区别是将alert('clicked')与代码。材料日期选择器中的奇怪行为

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

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

第二个作品，而第一个不..（铬）！

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

并使第一个工作？

来源

2015-04-23 Sampath Liyanage

对我来说，当我使用的检查元素，它的工作模式（在Chrome中）为该选项卡。似乎是一个聚焦问题（不知道）.. –

检查我的答案男人。 – brso05

哎呀第一个小提琴没有工作我只是更新与工作小提琴的答案... – brso05

我想我找到了一个解决方案，你的男人检查了这一点：

<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/

从here采取的代码和here

来源

2015-04-23 19:57:00 brso05

非常感谢@ brso05。我一整天都在试试这个...... –

@SampathLiyanage没问题的人......我很高兴我能帮上忙！ – brso05

材料日期选择器中的奇怪行为

回答

相关问题