Question

我想在页面加载时打开引导程序材料datetimepicker，我该怎么做。我尝试过很多选项，比如触发按钮页面onload。如果我手动点击按钮，它会打开。这是我写的代码：

<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>

我已经阅读了文档部分，但没有任何帮助。 Datepicker网址为here

Answer 1

默认触发事件似乎是focus。出于某些原因，当我摆弄website时，第一次调用焦点不起作用。您可以$('#date').focus().focus()触发日期选择器。

页面加载时打开材质Datepicker

1 个答案: