Question

我试图使用谷歌的物化日期选择器（http://materializecss.com/forms.html）。在他们的示例中，他们使用了<input>等<input class="datepicker" value="click"></input>元素。

HTML：$('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year });

JQuery的：

<i>

但是我希望使用<i class="datepicker">click</i>这样的in this jsfiddle元素来处理这些问题。问题是我必须点击并按住鼠标才能看到日期选择器..！

HTML：$('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year });

JQuery的：

{{1}}

当我点击（释放鼠标后没有消失）时，任何人都知道一个解决方案让它正常工作吗？

Answer 1

尝试将事件侦听器添加到图标，然后使用方法.open（）。

  var element = document.querySelector('.datepicker');  
  $('.datepicker-icon').on('click', function(event) {
          event.stopPropagation();
          M.Datepicker.getInstance(element).open();
      });

停止传播不是我的主意，我读过here

实现datepicker - 单击图标时的渲染

1 个答案: