gpt4 book ai didi

jquery - 日期时间选择器 UI 无法正常工作

转载 作者:行者123 更新时间:2023-12-01 05:42:06 25 4
gpt4 key购买 nike

我正在使用引导日历的日期时间选择器,运行良好,但选择日期后其 UI 无法正常工作。

enter image description here

enter image description here

这是我的 html 文件

   <!DOCTYPE html>
<html lang="en">
<head>
<link href="./css/bootstrap.css" rel="stylesheet">
<link href="./css/datetimepicker.css" rel="stylesheet">


</head>
<body>
<div class="col-sm-6" style="height:130px;">
<div class="form-group">
<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>
</div>
</div>



<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> -->
<script src="./js/lib/custom.js"></script>
<script src="./js/lib/bootstrap.js"></script>
<script type="text/javascript" src="./js/lib/bootstrap-datetimepicker.js"></script>

<script type="text/javascript" src="./js/lib/bootstrap-datetimepicker.pt-BR.js"></script>

</body>
</html>

这是我的用户界面脚本

 $(function() {

$('#datetimepicker1').datetimepicker({
viewMode: 'years'
});


});

控制台错误

enter image description here

文件enter image description here描述

enter image description here

目录结构

enter image description here

最佳答案

我会尝试两件事:

  1. 为输入调用日期选择器,而不是 <div>

像这样:

<input type='text' class="form-control" id="datetimepicker1">

  • 除了第一点之外,正如控制台错误所示,也许您应该检查脚本的相对路径。
  • 如果您的主文件位于 src 文件夹之上,您可以尝试重定向链接,例如 src="src/main/webapp/js/<your script file>" ,如果文件位于下面,您应该尝试 "../"上升一级,或者简单地 src="/src/main/..."从根文件夹开始。

    尝试一下,因为“./”在 DOCTYPE HTML 文档中可能会很棘手。

    关于jquery - 日期时间选择器 UI 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30122374/

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