Bootstrap Datetimepicker问题和其他基本的html / css定位

时间:2015-06-15 20:53:16

标签: html css twitter-bootstrap bootstrap-datetimepicker

我的主要问题是使用bootstrap datetimepicker。我使用this作为使用引导程序的指南?的DateTimePicker。

在多次尝试获取指南工作之后,我得出的结论是datetimepicker不包含在主bootstrap.js文件中。经过多次搜索,我无法找到一个js文件,而#34;"" bootstrap datetimepicker,也没有像指南中那样定义为datetimepicker()的函数。我也无法在bootstraps网站上找到有关datetimepicker的任何内容。所以我的问题是,是否有像bootstrap datetimepicker那样,或者只是js脚本意味着与bootstrap一起使用?另外,我在哪里可以获得这些文件?

最后我发现只有我们的chrome开发人员工具才能获得指南用于脚本源的URL。最后,我得到了这项工作,就像在指南中那样,但是很有吸引力"办法。我无法接缝以使光标变为指向鼠标悬停的手指。此外,一旦打开日历,光标仍然只是箭头,单击日期不会像指南中那样关闭日历。有没有人对如何让这个工作更像教程有任何建议?

这是我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"     href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">    </script>
    <script     src="http://maxcdn.bootstrapcdn.com/bootstrat/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
    <script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>
    <title>Rental Car Agreement</title>
</head>
<body>
    <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>
</body>
</html>

0 个答案:

没有答案