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

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

代码来自here和here

材料datepicker中的奇怪行为

1 个答案: