Javascript 具体化事件上打开的日期选择器

我正在尝试打开materialize on click事件的日期选择器。 这是我的jsp

<div class="input-field col s12 m12 l12">
 <input id="birthdate" type="date" class="datepicker" name="birthdate">
 <label for="birthdate">Birthdate</label>
</div>

<div id="birthdate-icon" class="cursor-pointer">
    <i class="material-icons">today</i>
</div>

---

问题是，当我单击图标时，日期选择器没有打开。

在脚本中，您必须注册单击事件

$(document).ready(function(){
      $('#birthdate').click(function(){
        $('.datepicker').pickadate({
            selectMonths: true,
            selectYears: 150, 
            format: 'yyyy-mm-dd',
            min: new Date(1900,1,1),
            max: true
        });
    });

        initBindings();
    });

    function initBindings(){
        $('#birthdate-icon').click(function(){
            $('#birthdate').click();
        });
    }

---

当你点击

生日图标时，它将点击
生日
，并且
日期选择器的脚本将被调用。
在你的脚本中，你必须注册点击事件

$(document).ready(function(){
      $('#birthdate').click(function(){
        $('.datepicker').pickadate({
            selectMonths: true,
            selectYears: 150, 
            format: 'yyyy-mm-dd',
            min: new Date(1900,1,1),
            max: true
        });
    });

        initBindings();
    });

    function initBindings(){
        $('#birthdate-icon').click(function(){
            $('#birthdate').click();
        });
    }

当您单击
生日图标时，它将单击
生日
，并调用
日期选择器的脚本。
直接单击输入字段是否有效？是的，它有效。您可以直接在就绪函数中注册单击事件，而不是调用initBindings函数吗。检查是否有效。您在控制台中是否收到任何错误消息？直接单击输入字段是否有效？是的，它有效。您是否可以直接在就绪函数中注册单击事件，而不是调用initBindings函数。检查这是否有效。您在控制台中是否收到任何错误消息？