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。你会注意到谁错了。干杯