bootstrap dateRangePicker图标未显示

Question

我正在尝试使用dateRangePicker在输入框中显示日历图标，以便用户快速识别这是一个日期字段。 like on this page

不幸的是，这个例子没有提供HTML，所以我从F12控制台获取代码，我在我的代码中尝试了它：

<div class="row">
    <div class="col-md-4 col-md-offset-2 demo">
        <h4>Your Date Range Picker</h4>
        <input type="text" id="dateRange" class="form-control">
        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
    </div>
</div>

它在我的页面上看起来如何。

如果在文档中清楚如何显示此图标会很有趣。它可以是打开或关闭此功能的选项，而无需在代码中手动添加一些html。

请帮忙！

Answer 1

如果你使用bootstrap，请使用它。

<div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                </div>

或看到这个 https://almsaeedstudio.com/themes/AdminLTE/pages/forms/advanced.html

认为这会对你有帮助......