Javascript 引导日期选择器图标

我的html代码是：

 <div class="input-group">
  <input type="text" data-date-format="dd-mm-yyyy" data-date-viewmode="years" class="form-control date-picker">
  <span class="input-group-addon"> <i class="icon-calendar"></i> </span>
 </div>

JS:

$（'.date picker'）.datepicker（）

当我点击图标时，datepicker不显示。当我点击输入字段时显示

---

如何在我单击图标时使日期选择器可见。

您的输入字段具有类

日期选择器，而您的图标没有

添加该类可能会提供所需的行为，但如果您有特定于该类的样式，则也可能会影响您的图标。
请尝试下面的工作代码示例，并告诉我这是否有效

<div class="input-append date" id="datepicker" data-date="dateValue: Customer.DateOfBirth" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" data-bind="value: Customer.DateOfBirth" readonly="readonly">
<span class="add-on"><i class="icon-calendar"></i></span>



最好的解决方法是添加一个类，比如说在包含的div中添加“date”，然后在该div上添加datepicker功能，如：

<div class="input-group date">
  <input type="text" data-date-format="dd-mm-yyyy" data-date-viewmode="years" class="form-control date-picker">
  <span class="input-group-addon"> <i class="icon-calendar"></i> </span>
</div>

$('.date').datepicker();