为什么这个引导日期选择器不显示日期选择器？答案

【问题标题】：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 进行正确检查..

标签： javascript jquery asp.net twitter-bootstrap datepicker

【解决方案1】：

您拼错了调用日期选择器的函数。这是

 $("#datepicker").datepicker({
     format: "dd-MMM-yyyy"
 });

你输入了“dateTIMEpicker”

【讨论】：