我正在嘗試使用引導程式 5 向我的頁面添加時間選擇器,由于某種原因日歷未加載,因此我無法選擇任何日期。不知道是我做錯了什么還是插件與最新版本的bootstrap不兼容。
如果您單擊“啟動演示模式”,您將看到日期輸入欄位并且日期選擇器在那里不起作用。

這是輸入日期欄位的代碼:
<div class="col-12">
<label for="date" class="col-sm-1 col-form-label">Date</label>
<div class="input-group date" id="datepicker">
<input type="text" class="form-control">
<span class="input-group-append">
<span class="input-group-text bg-white d-block">
<i class="fa fa-calendar"></i>
</span>
</span>
</div>
</div>
JS(截斷):
<script type="text/javascript">
$(document).ready(function () {
$('#datepicker').datepicker();
...
});
</script>
我也嘗試$('.datepicker').datepicker();根據bootstrap-datepicker 檔案使用,但沒有任何改變。
uj5u.com熱心網友回復:
演示頁面
Stackoverflow 原始碼
你應該把 bootstrap-datepicker.min.js 放在 jquery.js 之后。因此,它以某種方式犯了錯誤。
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/341051.html
標籤:javascript html 推特引导 bootstrap-5
上一篇:蟒蛇|獲取二維串列的第一個元素
