Javascript 日历在点击图标后不显示，但在点击输入字段后显示

我使用了bootstrap的datepicker插件。但是，日历在我点击图标后不会显示。我必须单击输入字段才能显示日历

 <label for="dob" class="col-md-4 control-label">Date Of Birth</label>
      <div class="col-md-6">
          <div class="input-group date">
              <input id="dob" class="form-control datepicker" placeholder="2012-02-12" type="text" name="dob" value="{{ old('dob') }}" required autofocus>
          <div class="input-group-addon">
              <span class="glyphicon glyphicon-th"></span>
          </div>
     </div>

将id添加到父元素后：

<label for="dob" class="col-md-4 control-label">Date Of Birth</label>
          <div class="col-md-6">
              <div class="input-group date" id="datepicker">
                  <input id="dob" class="form-control datepicker" placeholder="2012-02-12" type="text" name="dob" value="{{ old('dob') }}" required autofocus>
              <div class="input-group-addon">
                  <span class="glyphicon glyphicon-th"></span>
              </div>
         </div>

它在控制台中给出错误：

未捕获的TypeError:无法读取未定义的属性“split”

---

这也不起作用。

引导程序没有自己的日期选择器。根据我的猜测，你一定在用。 如果是这样的话，您必须拥有日历工作所需的所有依赖项

 $('.glyphicon-th').click(function() {
$(".datepicker").focus();
 });

---

尝试此操作以聚焦datepicker

@rasmeister是，但控制台中显示错误

未捕获类型错误：无法读取未定义的

此操作的属性“拆分”。但是它不应该显示而不添加这个吗？

$('#datepicker').datepicker({
      format: 'yyyy-mm-dd'
});

 $('.glyphicon-th').click(function() {
$(".datepicker").focus();
 });