2016-04-04 22 views
0

では動作しません:私は、インラインモードでのDateTimePickerを使用する場合、コンソールが私にこの例を示しますEonasdanのDateTimePickerのは、私は問題を持っているインラインモード

Uncaught TypeError: Cannot read property 'dateFormat' of null

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

私を助けてくれますか?前もって感謝します。

+0

DTPはないので、あなたは、DIVに入力ボックスを追加する必要がありますそれなしで働く。私はあなたのフィドルを更新しています – Satya

+0

あなたのフィドルを更新しました。 divにinput type = "text"を追加する必要があります。それ以外の場合はnullが続くでしょう – Satya

答えて

1

あなたがこれは私が変更されているものですいくつかのHTML :-)

を忘れてしまった:明確にするためにhttps://jsfiddle.net/273tzgnz/1/

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

には、更新フィドルですこれはインラインモードとは関係ありません。これは、datetimepickerをバインドするための入力がないという事実と関係しています。

2

だけ

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

にあなたのDateTimePickerのJSを変更し、あなたのコードはここに

に動作しますがフィドルです:https://jsfiddle.net/shoaibakhter/w0nk1c5z/

関連する問題