时间戳

首页 > 解决方案 > 单击输入字段中显示的日历图标

html - 单击输入字段中显示的日历图标

问题描述

我在输入字段中插入日历图标时遇到问题，单击日历图标时需要该功能，然后日期将显示在输入字段中。以下是我的示例编码：


<input type="text" class="form-control datepicker" id="document_date" name="document_date" value="" data-date-format="yyyy-mm-dd" readonly><br>

输出如下图：

输出

实际上，我想要如下图所示的输出。它可以单击日历图标，然后选择将在输入字段中显示的日期：

输出 2

希望有人能指导我如何解决它。谢谢。

标签： htmlcsscalendar

解决方案

你可以使用这样的东西（Bootstrap）：

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1">@</span>
  </div>
  <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>

对于图标，您可以使用例如 font awesome。

推荐阅读