php - datetimepicker 日历未显示
问题描述
我找到了这个网站
我正在尝试在网站中实现其中一个代码
<div class="container">
<div class='col-md-5'>
<div class="form-group">
<div class='input-group date' id='datetimepicker6'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class='col-md-5'>
<div class="form-group">
<div class='input-group date' id='datetimepicker7'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker6').datetimepicker();
$('#datetimepicker7').datetimepicker({
useCurrent: false //Important! See issue #1075
});
$("#datetimepicker6").on("dp.change", function (e) {
$('#datetimepicker7').data("DateTimePicker").minDate(e.date);
});
$("#datetimepicker7").on("dp.change", function (e) {
$('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
});
});
</script>
这是一个链接的日期时间选择器,我确实在标题中编写了一些代码以使其工作,但遗憾的是,经过几次尝试后,日历仍然没有显示。奇怪的是,日期时间选择器日历显示在我发现的其他一些代码上,但我特别希望使用这个。
我在标题中写的链接/脚本是
<link rel="stylesheet" type="text/css" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.css" rel="stylesheet" id="bootstrap-css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
正如我之前提到的,我发现其他一些 datetimepicker 代码可以工作,但它不适用于 eonasdan 的代码。
解决方案
您忘记添加bootstrap-datetimepicker.js另外我注意到您的 jquery 已在末尾添加,因此请将其更改为 jquery 的第一个位置。
请添加这个
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
推荐阅读
- android - 如何根据日期发送通知
- java - 验证 spring 上下文而不刷新它
- swift - RealityKit – 循环动画变换
- nuxt.js - IntelliJ IDEA 中 tailwindcss 的有问题的代码完成
- mule - 带有地图的过滤器和范围不起作用
- gradle - Gradle 依赖管理:如果 jar 未解析,则使用“子项目”
- active-directory - Salesforce SSO 使用 ADFS 为 AD 中的特定用户组设置
- c - C函数自动连接char数组参数
- php - 我如何在这里成功使用函数 array_intersect() ?
- javascript - 如何遍历数据库中的字段并找到空字段