javascript - 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

认为这会帮助你...