Question

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

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>

这是我的ui脚本

 $(function() {

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


    });

控制台错误

enter image description here

档案 enter image description here 说明

enter image description here

目录结构

enter image description here

Answer 1

我会尝试两件事：

为输入调用datepicker，而不是<div>

像这样：

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

除了第一点，因为控制台错误sugest可能你应该检查脚本的相对路径。

如果您的主文件位于src文件夹上方，则可以尝试重定向src="src/main/webapp/js/<your script file>"之类的链接，如果文件位于下方，则应尝试"../"上升一级，或者只是{ {1}}从根文件夹开始。

试试，因为＆＃34; ./"在DOCTYPE HTML文档中可能会很棘手。

日期时间选择器UI无法正常启动

1 个答案: