【问题标题】:Open Material Datepicker on page load在页面加载时打开 Material Datepicker
【发布时间】:2016-12-28 19:39:55
【问题描述】:

我想在页面加载时打开引导材料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> 

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

【问题讨论】:

  • 去掉maxDate : maxDate后面的逗号,可以正确关闭对象。您在控制台中没有收到任何错误吗?
  • 我不知道您使用的是哪个插件,但请查看他们的文档。插件通常具有以编程方式执行此操作的方法。
  • 我已将其删除,但无法正常工作。

标签: javascript bootstrap-datepicker bootstrap-material-design


【解决方案1】:

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

$('#date').focus()

如果不行,也试试:

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

【讨论】:

猜你喜欢
  • 2017-01-30
  • 2017-11-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多