javascript - Materialise 日期选择器在事件中打开

Question

我正在尝试在点击事件上打开具体化的日期选择器。这是我的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(){
    $('.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();
    });
}

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

Answer 1

在你的脚本中，你必须注册点击事件

$(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();
        });
    }

当您点击birthdate-icon时，它将点击 birthdate以及 datepicker 的脚本将被调用。