Bootstrap datetimepicker error: datetimepicker component should be placed within a non-static positioned container


Uncaught Error: datetimepicker component should be placed within a non-static positioned container
    at I (bootstrap-datetimepicker.min.js:1)
    at HTMLInputElement.ga (bootstrap-datetimepicker.min.js:1)
    at HTMLInputElement.dispatch (app.min.js:1)
    at HTMLInputElement.f.handle (app.min.js:1)
    at HTMLInputElement.c (rocket-loader.min.js:1)

bootstrap datetimepicker error

Origin code:

    <tr>
      
       
      <td class="class">Date*</td>
      <td class="class-date">
        
        <input name="date" class="form-control class-date" id="datetimepicker" />
         
      </td>
       
    </tr>

Fix code:

    <tr>
      
       
      <td class="class">Date*</td>
      <td class="class-date">
        <div class="controls" style="position: relative">
            <input name="date" class="form-control class-date" id="datetimepicker" />
        </div>
      </td>
       
    </tr>

Leave a Reply