Question

我使用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，

圭

Answer 1

你错误拼写了调用datepicker的函数。它＆＃39; S

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

您键入了＆＃39; dateTIMEpicker＆＃39;

为什么这个bootstrap datepicker没有显示datepicker？

1 个答案: