引导 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

如果您使用引导程序，请使用它....

<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

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