2

我正在尝试使用 dateRangePicker 在输入框中显示一个日历图标,以便用户快速识别这是一个日期字段。喜欢这个页面

在此处输入图像描述

不幸的是,这个示例没有提供 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。

请帮忙!

4

1 回答 1

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

认为这会帮助你...

于 2015-08-28T17:39:53.310 回答