Question

我已经看到过去尝试使用bootstrap datetimepicker运行的人们的挣扎，但我不确定解决方案是否有点过时。

我试图让基本的datetimepicker示例运行。尝试使用CDN引入依赖关系：

<head>
    <title>...</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/css" src ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
    <script type="text/javascript" src ="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment-with-locales.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/css" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/css/bootstrap-datetimepicker.min.css"></script>
</head>

然后尝试实现基本示例：

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

当我运行它时，应该是日期时间选择的字段只是普通的文本输入，根本没有日历或时间选择。没有生成错误，没有＆＃34;无法加载资源＆＃34;什么的

似乎我搞砸了依赖关系。这可能是显而易见的，因此我们将非常感谢任何见解。

Answer 1

id给div标签只给了输入字段

<input type='text' class="form-control" id='datetimepicker1' />

Bootstrap datetimepicker什么都不做，我该如何理清依赖项？

1 个答案: