2

我正在尝试使用此示例在网页上实现 datetimepicker 。

我正在使用引导程序 3。

此示例使用 Twitter 引导程序 2，因此我必须按照引导程序 2 - 3 迁移指南更改一些类。

我的问题是，当我单击日历图标时，它会成功显示，但是应该嵌入在日历底部的时间图标没有显示。

有谁知道这是为什么？

  <div id="datetimepicker2" class="input-append">
      <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"/>
    <span class="input-group-addon">
      <i class="glyphicon glyphicon-calendar glyphicon-time">
      </i>
    </span>
  </div>
</div>
4

3 回答 3

0

不确定这是否是问题，但请确保在您的引导 css 资产中您的字形图标具有正确的 URL

于 2013-08-31T21:30:13.790 回答
0 
<span class="input-group-addon">
  <span class="glyphicon glyphicon-calendar"></span>
</span>
于 2014-02-16T22:26:55.160 回答
0

在 Bootstrap 3 中这样做的新方法是使用类 'input-group' 而不是 'input-append'。您还必须在输入中输入“表单控件”类。

<div id="datetimepicker2" class="input-group">
    <input class="form-control" data-format="MM/dd/yyyy HH:mm:ss PP" type="text" />
    <span class="input-group-addon">
      <i class="glyphicon glyphicon-calendar glyphicon-time"></i>
    </span>
</div>

您可以在此处查看此示例：http: //jsfiddle.net/Ezrv9/3/ 您还可以在此处了解更多信息：http: //getbootstrap.com/components/#input-groups

于 2013-09-01T11:58:56.813 回答