javascript - 在页面加载时打开 Material 日期选择器

Question

我想在页面加载时打开引导 Material datetimepicker，我该怎么做。我尝试了很多选项，例如触发按钮页面加载。如果我手动单击该按钮，它就会打开。这是我编写的代码:

<input type="button" id="date" class="form-control floating-label" placeholder="Date">

<script type="text/javascript";>
    var minDate = new Date();
    var numberOfMinDaysToAdd = 1;
    var maxDate = new Date();
    var numberOfMaxDaysToAdd = 15;
    maxDate.setDate(maxDate.getDate() + numberOfMaxDaysToAdd);  
    $( document ).ready(function(){ 
        $('#date').bootstrapMaterialDatePicker({
        format: 'dddd DD MMMM YYYY - HH:mm',
        minDate : minDate,
        maxDate : maxDate,
    });
        $.material.init();
        $('#date').trigger("click");
    });
</script> 

我已经阅读了文档部分，但没有任何帮助。日期选择器 URL 为 here

Answer 1

默认的触发事件似乎是focus。所以使用:

$('#date').focus()

如果不起作用，还可以尝试:

$('#date').focus().focus()