引导日期选择器图标

我的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：

$（ '日期选择器。'）日期选择器（）。

当我点击图标datepicker没有显示。它显示当我点击输入字段。

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

来源

2014-10-27 user3109801

下面试试这个工作的代码示例，并告诉我，如果这个工程

<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>

来源

2014-10-27 16:49:27 Neil

您的输入栏有类date-picker，而您的图标没有。

添加该类可能会给您所需的行为，但如果您具有特定于该类的样式，它也可能会影响您的图标。

来源

2014-10-27 16:41:35 McTalian

在这里将添加一个类，最好的办法，可以说“日期”，以包含div，和添加日期选择器功能在该专区，如：

<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>

JS：

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

来源

2014-10-27 17:00:56

引导日期选择器图标

回答

相关问题