datetimepicker没有显示日历只是时间选择器

Question

组件仅显示时间选择器：

.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'
  });
})

为什么日历没有显示？

Answer 1

好像你正在使用eonasdan-datetimepicker

我复制了你的模板，它正常运作。

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

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