打開材料日期選擇器在頁面加載

我想在頁面加載時打開引導材料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>

我已經通過了文檔部分，但沒有任何幫助。 Datepicker URL是here

來源

2016-12-28 Tarun Kumar

刪除'maxDate：maxDate'後的逗號以正確關閉對象。你的控制檯沒有錯誤嗎？ – yezzz

我不知道你正在使用哪個插件，但看看他們的文檔。插件通常具有以編程方式執行此操作的方法。 –

我已經刪除了，但沒有工作。 –

默認的觸發事件似乎是focus。由於某種原因，第一次調用焦點在我撥弄website時不起作用。你可以做$('#date').focus().focus()來觸發日期選擇器。

來源

2017-01-10 14:57:45

非常感謝。是的，它現在工作正常:) –

打開材料日期選擇器在頁面加載

回答

相關問題