大家，你知道這個datepick有什么問題嗎？我希望看到日歷，而不是時間選擇器。
我使用帶有以下鏈接的引導程式示例檔案和來自 youtube 教程的腳本
<section class="row gy-3">
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<i class="bi-alarm"></i>
</span>
</div>
</div>
</section>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker();
});
</script>
我使用帶有以下鏈接的引導程式示例檔案和來自 youtube 教程的腳本
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
<script src="form-validation.js"></script>
uj5u.com熱心網友回復：
在這里，您添加了 datetimepicker css 和 js，以便時間呼叫日期和時間等函式，因此使用下面的 css 和 js 匯入并運行良好
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker();
});
</script>
替換為下面的網址
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datepicker();
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/369131.html
標籤：javascript html 查询 css