Bootstrap开始日期和结束日期紧挨显示

之前在使用Bootstrap布局时,一个纠结的点就是开始日期和结束日期两个字段的显示,分为两个字段显示对齐没有任何问题,但是要把二者当做一个字段紧挨在一起显示,一直没有实现效果。好在同事实现了该效果,记录下来。

目标效果图

20160714193638

代码

<div class="input-group date">
  <input name="startDate" id="startDateKey" placeholder="开始日期"
    type="text" class="form-control" /> 
  <span class="input-group-addon">至</span>
  <input name="endDate" id="endDateKey" placeholder="结束日期" 
    type="text" class="form-control" />
</div>
分享到:

发表评论

昵称

沙发空缺中,还不快抢~