Eonasdan日期时间选择器没有'不能在联机模式下工作

Eonasdan datetimepicker doesn't work in inline mode

本文关键字：不能 联机 模式 工作 时间 日期 选择器 Eonasdan      更新时间：2023-12-01

我遇到了一个问题：当我在内联模式下使用日期时间选择器时，控制台会向我显示以下内容：

未捕获的TypeError:无法读取空的属性"dateFormat"

<div style="overflow:hidden;">
<div class="form-group">
    <div class="row">
        <div class="col-md-8">
            <div id="datetimepicker12"></div>
        </div>
    </div>
</div>


$(function () {
  $('#datetimepicker12').datetimepicker({
    inline: true,
    sideBySide: true
  });
});

这是我的小提琴：https://jsfiddle.net/maxdonetsk/jahsjkkn/

你能帮我吗？提前谢谢。

只需将日期时间选择器js更改为

https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js

并且你的代码将工作

小提琴在这儿：https://jsfiddle.net/shoaibakhter/w0nk1c5z/

您忘记了一些HTML:-）

这就是我所改变的：

           <div id="datetimepicker12"></div>

至

           <div class='input-group date' id='datetimepicker12'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>

这是一个更新的小提琴：https://jsfiddle.net/273tzgnz/1/

澄清一下：这与内联模式无关。这与您没有用于日期时间选择器绑定的输入有关。

相关文章：