gpt4 book ai didi

javascript - Glyphicon 日历未打开

转载 作者:行者123 更新时间:2023-11-28 08:16:05 24 4
gpt4 key购买 nike

我尝试将 bootstrap datetimepicker 与 glyphicon 日历一起使用。但是如果我点击选择器,什么也不会发生。

连日历都打不开。我在我的 .jsp 页面中添加了以下 .js.css 文件:

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/bootstrap-datetimepicker.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/jquery-ui.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/1.9.2.jquery-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/moment-with-locales.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.min.js"></script>

请帮我弄清楚如何使用 bootstrap datetimepicker v4 版本。是否需要任何其他 .js.css 文件?日期时间选择器如图所示:

enter image description here

如果我点击选择器,日历不会打开。

最佳答案

之后

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/bootstrap-datetimepicker.min.js"></script>

<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>

HTML 中使用下面的代码

<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>

关于javascript - Glyphicon 日历未打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28984736/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com