为啥这个引导日期选择器不显示日期选择器？
Posted
技术标签:
【中文标题】为啥这个引导日期选择器不显示日期选择器？【英文标题】：Why does this bootstrap datepicker not show the datepicker?为什么这个引导日期选择器不显示日期选择器？ 【发布时间】：2017-04-26 15:29:27 【问题描述】：我有使用引导日期选择器的现有 asp.net 页面。
我现在需要在一个简单的 html 页面中使用它，因此我将 asp.net 项目中的相关链接和脚本行复制到了一个最小的 html 文件中。
日期选择器从不显示，我不知道它有什么问题。我环顾四周并在网上搜索示例，但没有找出为什么它不起作用。
这是一个小测试文件：
<html>
<head>
<title>datepicker test</title>
<link href="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script>
$(document).ready(function()
$("#datepicker").datetimepicker(
format: "dd-MMM-yyyy"
);
)
</script>
</head>
<body>
<form>
<div class="input-append date" id="datepicker">
<input size="16" type="text" value="" readonly>
<span class="add-on"><i class="icon-th"></i></span>
</div>
</form>
</body>
</html>
请指教，
TIA，
圭多
【问题讨论】：
介意在 jsfiddle 中发布这个吗？缺少字形图标？你确定 jquery 和 jquery-ui 的版本很好（组合）吗？浏览器的调试器（“F12 控制台”）中是否有任何可见的错误？ AFAIK,datetimepicker 应该在 input 字段上初始化。尝试在input 字段上初始化它，不要让它readonly 进行正确检查..
【参考方案1】：
您拼错了调用日期选择器的函数。这是
$("#datepicker").datepicker(
format: "dd-MMM-yyyy"
);
你输入了“dateTIMEpicker”
【讨论】：
以上是关于为啥这个引导日期选择器不显示日期选择器？的主要内容，如果未能解决你的问题，请参考以下文章