Eonasdan datetimepicker在串聯模式下不起作用

Question

我有一個問題：在串聯模式下使用datetimepicker時，控制台會向我顯示以下內容：

未捕獲的TypeError：無法讀取null的屬性'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/

你能幫助我嗎？ 提前致謝。

Answer 1

只需將您的datetimepicker js更改為

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

並且您的代碼將正常工作

這是小提琴： https : //jsfiddle.net/shoaibakhter/w0nk1c5z/

Answer 2

您忘記了一些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/

需要說明的是：這與內聯模式無關。 這與以下事實有關：您沒有輸入要綁定的datetimepicker。