为什么此引导程序datepicker不显示datepicker

我使用bootstrap datepickers有现有的ASP.NET页面。

我现在需要在一个简单的HTML页面中，因此我将ASP.NET项目中的相关链接和脚本行复制到裸露的最小HTML文件中。

datepicker从未显示出来，我不知道有什么问题。我看上去很醒了，搜索了网络以寻找示例，但没有发现为什么它不起作用。

这是一个小测试文件：

<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，

guido

您拼错了函数以调用datepicker。是

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

您输入了'dateTimePicker'

相关内容

最新更新

热门标签：