Html 如何消除输入和日历图标之间的空间

更新：

实现此代码后，我得到的是：

<div class="col-xs-5">
   <div class="form-group">
      <label for="" class="col-xs-5 control-label">Contract Date Signed:</label>
      <div class="col-xs-5">
         @Html.EditorFor(m => m.ContractDateSigned, new { htmlAttributes = new { @Value = Convert.ToDateTime(Model.ContractDateSigned).ToShortDateString(), @class = "form-control" } }) 
         @Html.ValidationMessageFor(m => m.ContractDateSigned, "", new { @class = "text-danger"
         })
         <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
      </div>
   </div>
</div>

签订合同日期：
@EditorFor（m=>m.ContractDateSigned，new{htmlAttributes=new{@Value=Convert.ToDateTime（Model.ContractDateSigned.ToSortDateString（），@class=“form control”}}）
@Html.ValidationMessageFor（m=>m.ContractDateSigned，”，new{@class=“text-danger”
})

如何消除输入和日历图标之间的空间

以下是我使用的html：

<div class="col-xs-5">
   <div class="form-group">
      <label for="" class="col-xs-5 control-label">Contract Date Signed:</label>
      <div class="col-xs-5">
         @Html.EditorFor(m => m.ContractDateSigned, new { htmlAttributes = new { @Value = Convert.ToDateTime(Model.ContractDateSigned).ToShortDateString(), @class = "form-control" } })                                                
         @Html.ValidationMessageFor(m => m.ContractDateSigned, "", new { @class = "text-danger" })
      </div>
      <span class="btn btn-default"><span class=" fa fa-calendar"></span></span>
   </div>
</div>

签订合同日期：
@EditorFor（m=>m.ContractDateSigned，new{htmlAttributes=new{@Value=Convert.ToDateTime（Model.ContractDateSigned.ToSortDateString（），@class=“form control”}}）
@Html.ValidationMessageFor（m=>m.ContractDateSigned，“，new{@class=“text danger”}）

签订合同日期：

使用输入组：

签订合同日期：

请参阅此JSFIDLE：

---

对于btn

位置：绝对位置；左：0如果不工作，请在负
left:-5px
中给出左值，我不能使用任何其他主题，除了引导，我在代码中使用的引导是引导，这是什么意思？不。将div环绕span。像这个例子[plunker]（）@AbuHamzah如果你觉得答案有用，你能投票/接受吗？我使用的是BS3.2版本，我有一个plnkr，它没有显示图像，请看一看，你在span类中调用fa fa calendar，这是Fontaweomes字体库，而不是引导。bootstrap使用它自己的字体库，在plunker示例中也没有调用它。
<div class="col-xs-5">
   <div class="form-group">
      <label class="control-label">Contract Date Signed:</label>
      <div class="input-group">
        <input type="text" class="form-control">
         <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
      </div>
      </div>
</div>

<div>
  <div class="form-group">
    <label for="" class="col-xs-5 control-label">
      Contract Date Signed:
    </label>
    <div class="input-group col-xs-5">
      <input class="form-control">
      <span class="input-group-addon">
        <i class="glyphicon glyphicon-calendar" aria-hidden="true"></i>
      </span>
    </div>
  </div>
</div>