Jquery 日期时间选择器UI在引导过程中工作不正常_Jquery_Twitter Bootstrap 3

Jquery 日期时间选择器UI在引导过程中工作不正常

jquery twitter-bootstrap-3

Jquery 日期时间选择器UI在引导过程中工作不正常,jquery,twitter-bootstrap-3,Jquery,Twitter Bootstrap 3,我正在使用引导日历的日期-时间选择器，但它的UI在选择日期后无法正常工作这是我的html文件 <!DOCTYPE html> <html lang="en"> <head> <link href="./css/bootstrap.css" rel="stylesheet"> <link href="./css/datetimepicker.css" rel="stylesheet"> </head> <

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

这是我的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>

控制台错误

文件描述

目录结构

我想尝试两件事：

为输入调用日期选择器，而不是

像这样：

除了第一点，由于控制台错误提示，您可能应该检查脚本的相对路径如果您的主文件位于src文件夹上方，您可以尝试重定向链接，如

src=“src/main/webapp/js/”

，如果文件位于下方，您应该尝试

。/“

提升一级，或者简单地从根文件夹开始

试试看，因为在DOCTYPE HTML文档中，“/”可能很棘手。

有控制台错误吗？您的id=datetimepicker9，但在jQuery中您有#datetimepicker1这是一个打字错误吗？@DawoodAwan我错误地改变了这一点，我有一些不同的js，我还添加了控制台错误选择日期后出现的问题？选择日期后是否出现控制台错误？您显然缺少字体文件，但肯定有其他问题。此库现在已更新。它需要最新的jQuery（2.1）和Moment.JS，而不需要pt-BR.JS

 $(function() {

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


    });