引導日期選擇器圖標

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

引導日期選擇器圖標

回答

相關問題