显示没有文本输入的eonasdan.github datetimepicker

Question

我需要在页面加载时显示日期选择器，而不是通过单击输入或图标。 http://eonasdan.github.io/bootstrap-datetimepicker/

这个插件。我无法找到任何这方面的例子，这可能吗？

Answer 1

是的，有可能，您必须使用inline option。您可以使用doc的示例：

<div style="overflow:hidden;">
    <div class="form-group">
        <div class="row">
            <div class="col-md-8">
                <div id="datetimepicker12"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker12').datetimepicker({
                inline: true
            });
        });
    </script>
</div>

Answer 2

我确定，因为您提供了实际答案的链接，您发现该页面中的代码，我在下面复制的内容不起作用。

<div style="overflow:hidden;">
    <div class="form-group">
        <div class="row">
            <div class="col-md-8">
                <div id="datetimepicker12"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker12').datetimepicker({
                inline: true
            });
        });
    </script>
</div>

您的问题是实际的库。我尝试使用所有最新的jquery，moment和bootstrap库，这给了我一个错误。所以我尝试了网站上使用的库，它们可以运行。

以下是示例：

https://jsfiddle.net/hx2xyufw/1/