如何在输入文本元素内添加日历图标

Question

我想知道如何从daterangepicker的文本框中输入超棒的字体图标像这样：

因为我只得到这个：

这是我下面的HTML代码：

<div class="container content-header">
            <div class="row align-items-center">
                <div class="col-sm-12">
                    <i class = "fas fa-calendar"></i><input type="text" id="daterange">
                </div>

            </div>
        </div>

Answer 1

您可以执行以下操作：

Answer 2

这里是一个示例，只需进行自定义即可调整大小并使其符合您的需求：Codepen