在没有文本输入的情况下显示 eonasdan.github datetimepicker答案

【问题标题】：Show eonasdan.github datetimepicker without text input在没有文本输入的情况下显示 eonasdan.github datetimepicker
【发布时间】：2016-02-01 13:07:03
【问题描述】：

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

就是这个插件。我找不到任何例子，这可能吗？

【问题讨论】：

您要使用隐藏输入来保存选择吗？
是的。这可能是一个想法。

标签： javascript jquery bootstrap-datetimepicker

【解决方案1】：

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

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

【讨论】：

【解决方案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/

【讨论】：