Material datepicker中的奇怪行为

Posted 2023-02-22

【中文标题】Material datepicker中的奇怪行为

【英文标题】：Strange behaviour in Material datepicker

【发布时间】：2015-07-02 03:27:24

【问题描述】：

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

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

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

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

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

还有一种方法可以让第一个工作？

【问题讨论】：

对我来说，当我为该选项卡使用检查元素模式（在 chrome 中）时，它起作用了。似乎是聚焦的问题（不确定）..

看看我的答案。

哎呀，第一个小提琴不起作用我只是用工作小提琴更新答案......

【参考方案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