Javascript 如何在html页面中放置datetimepicker?

Javascript 如何在html页面中放置datetimepicker?,javascript,php,jquery,html,twitter-bootstrap,Javascript,Php,Jquery,Html,Twitter Bootstrap,我的网站标题中包含所有这些文件: <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integ

我的网站标题中包含所有这些文件:

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="crossorigin="anonymous"></script>
<script src="http://localhost:8080/Javascript/bootstrap.bundle.js" type="javascript/text"></script>
<link rel="stylesheet" href="http://localhost:8080/Css/bootstrap.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js" type="javascript/text"></script>

那么我的身体里就有以下几点:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-12">

            <!-- Form code begins -->
            <form method="post">
                <div class="form-group"> <!-- Date input -->
                    <label class="control-label" for="date">Date</label>
                    <input class="form-control" id="date" name="date" placeholder="MM/DD/YYY" type="text"/>
                </div>
                <div class="form-group"> <!-- Submit button -->
                    <button class="btn btn-primary " name="submit" type="submit">Submit</button>
                </div>
            </form>
            <!-- Form code ends --> 
        </div>
    </div>    
</div>

<script>
    $(document).ready(function(){
        $("#date").datepicker();
    });
</script>

日期
提交
$(文档).ready(函数(){
$(“#日期”).datepicker();
});
我希望它看起来像这样:

但实际上它看起来是这样的:


我该怎么办?我已经试了好几个小时了。我试过对文件进行不同的排序。当我尝试执行
datetimepicker()
时。我犯了一个错误。我只是不知道该怎么办,请帮忙。

看起来您正在使用JqueryUI和BootstrapDatepicker。由于bootstrapDatepicker和JqueryUI都有相同的函数名用于初始化它们的日期选择器,因此存在歧义。 现在,您的标记已经首先加载了jqueryUI js,因此理想情况下,它使用jqueryUI日期选择器函数,并期望可以找到jqueryUI的CSS


如果要使用引导数据采集器,则可能需要删除jqueryUI.js或生成jqueryUI js,这不包括日期采集器功能。

首先,jQuery选择器和
datepicker()方法之间缺少
。如果你考虑过使用
这是错误的。我在jQuery.ui之后添加,因为我认为它缺少一些东西。@Joe.G这没有错,您是否尝试删除jqueryUIdatepicker,或者尝试添加jqueryui.datepicker css。你会注意到谁错了。干杯