Javascript 让引导datetimepicker显示在字段和图标上，而不复制

我正在努力以我想要的方式工作。通常，日期时间选择器仅在单击图标时弹出。但是我希望它在单击字段和图标时弹出

    <div class="input-group datetime datepicker">
      <input class="form-control" type="text" name="leaving_time" id="leaving_time">
      <span class="input-group-addon">
       <i class="glyphicon glyphicon-time"></i>
    </span>
    </div>

    <div class="input-group datetime datepicker">
      <input class="form-control datepicked" type="text" name="leaving_time" id="leaving_time">
      <span class="input-group-addon">
       <i class="glyphicon glyphicon-time"></i>
    </span>
    </div> 

---

您只需在单击输入组插件span时聚焦输入

$（'.datepicker'）。每个（函数（k，v）{
var$input=$（v）.find（'.make-datepicker'）；
$input.datetimepicker({
格式：“MMM Do yyy”，
崩溃：真的
});
$（v）.查找（'span.input group addon'）。单击（函数（e）{
$input.focus（）；
});
});



迟交答案，但我找到了一个更好的解决方案，适合任何需要的人

<div class="col-md-6 input-group">
    <input type="text" id="testdate" name="testdate" class="form-control" value="">
    <label class="input-group-addon btn" for="testdate">
       <span class="fa fa-calendar"></span>
    </label>                    
</div>


非常好用，谢谢。如果我有多个选择器（例如：日期选择器和时间选择器），是否需要重构代码？是的，您可以简单地更改父div（
.datepicker
）类或更改正在使用的类（即使用
.datetime
）。
<div class="col-md-6 input-group">
    <input type="text" id="testdate" name="testdate" class="form-control" value="">
    <label class="input-group-addon btn" for="testdate">
       <span class="fa fa-calendar"></span>
    </label>                    
</div>