datetimepicker 不显示日历只是时间选择器答案

【问题标题】：datetimepicker not showing calendar just time pickerdatetimepicker 不显示日历只是时间选择器
【发布时间】：2017-09-27 10:53:47
【问题描述】：

组件只显示时间选择器：

.form-组 label.col-xs-5.control-label 测试字段 .col-xs-5 #fromDate.input-group.date input.form-control(type='text') span.input-组插件 span.glyphicon.glyphicon-日历

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

为什么没有显示日历？

【问题讨论】：

你有影响日期时间选择器的自定义 CSS 吗？该组件具有debug 选项，如果将其设置为true，则可以检查 datetimepicker 部件并进一步调查。

标签： node.js pug bootstrap-datetimepicker eonasdan-datetimepicker

【解决方案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'
});

【讨论】：