bootstrap datetimepicker不能正常工作,不显示javascript错误
我按照建议安装了带有NuGet的Bootstrap Datetimepicker here下面是无法显示datetimepicker控件的html代码。从chrome开发人员工具中,我发现加载脚本没有问题,或者控制台中有任何脚本错误。任何猜测为什么下面的代码无法显示自举的DateTimePickerbootstrap datetimepicker不能正常工作,不显示javascript错误
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="/scripts/moment.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href="/Content/bootstrap-datetimepicker.css" />
<!-- include your less or built css files -->
<!--
bootstrap-datetimepicker-build.less will pull in "../bootstrap/variables.less" and "bootstrap-datetimepicker.less";
or-->
</head>
<body>
<form>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<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 type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
</form>
</body>
</html>
你的代码工作。你想念的是引导CSS。应该在输入旁边有一个日历图标,您可以点击该图标来显示它。但日历也是没有风格的。
尝试把这个放在你的头上:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
嘿人,你救了我的一天。非常感谢你的魅力!不知道为什么bootstrap.min.css在这个链接不建议https://eonasdan.github.io/bootstrap-datetimepicker/Installing/ – Naga
好,如果你接受答案作为正确的我会感激它:) –
这将有助于如果你可以把这段代码运行的地方,所以我们可以看到它运行(或失败) –
@Jav韩国,请找代码运行在http://www.makemypublication.com/testdate.html – Naga