-1

Die Komponenten zeigt nur Zeitauswahl: only timer..calender not showing.imgDatetime zeigt Kalender nicht nur Zeit Picker

 
.form-group 
    label.col-xs-5.control-label test field 
    .col-xs-5 
     #fromDate.input-group.date 
     input.form-control(type='text') 
      span.input-group-addon 
      span.glyphicon.glyphicon-calendar 
$(function() { 
    $('#fromDate').datetimepicker({ 
    sideBySide: true, 
    locale:'en-ca' 
    }); 
}) 

Warum Kalender zeigt nicht?

+0

Haben Sie benutzerdefinierte CSS, die die Datetime beeinflusst? Die Komponente hat die Option ['debug'] (https://eonasdan.github.io/bootstrap-datetimepicker/Options/#debug), wenn Sie sie auf' true' setzen, können Sie datetimepicker-Teile untersuchen und weiter untersuchen. – VincenzoC

Antwort

1

scheint es, wie Sie verwenden eonasdan-datetimepicker

ich Ihre Vorlage kopiert, und es funktioniert, wie es sollte.

Fiddle

HTML

<div class="form-group"> 
    <label class='label col-xs-5 control-label test field'></label> 
    <div class="col-xs-5"> 
    <div class='input-group date' id='myDatepicker'> 
     <input type='text' class="form-control" /> 
     <span class="input-group-addon"> 
    <span class="glyphicon glyphicon-calendar"></span> 
     </span> 
    </div> 
    </div> 
</div> 

JS-Code

$('#myDatepicker').datetimepicker({ 
    sideBySide: true, 
    locale: 'en-ca' 
});