實現輸入標籤功能的圖標

我目前有一個日期選擇器功能，當我點擊輸入部分日期選擇器出現，但是當我點擊旁邊顯示的圖標我沒有得到任何東西，我想申請相同的功能，以便我可以用圖標或輸入框打開它。實現輸入標籤功能的圖標

我試過圖標區域變換爲輸入，但我失去我的圖標

<input id="TimeReleased" name="TimeReleased" class="input-small" 
    placeholder="Release Date" data-val="true" type="text" value="@DateTime.Today.ToString("yyyy-MM-dd")" 
    data-format="yyyy-MM-dd" required/> 
    <span class="add-on"> 
     i class="icon-calendar" data-time-icon="icon-time" data-date-icon="icon-calendar" data-val="true"></i> 
    </span>

來源

2014-02-19 user3244544

不正確的代碼 <跨度類=「附加」> I類=「圖標日曆」數據 - 時間 - 圖標=「圖標時間」數據-date-icon =「icon-calendar」data-val =「true」> –

你使用哪個庫作爲日期選取器？ – Coxer

可能有一些'open（）'函數可以調用，對吧？ –

如果您正在使用jQuery UI的日期選擇器，然後怎麼樣把你的圖標標籤元素裏面？它也可能適用於其他日期選擇器。

<label>Date</label> 
<div class="input-append"> 
    <input id="TimeReleased" name="TimeReleased" class="input-small" 
      placeholder="Release Date" data-val="true" 
      type="text" value="@DateTime.Today.ToString("yyyy-MM-dd")" 
      data-format="yyyy-MM-dd" required/> 
    <label for="TimeReleased" class="add-on"><i class="icon-calendar"></i></label> 
</div>

Example stole here :)

在「I類」

來源

2014-02-19 16:29:59

實現輸入標籤功能的圖標

回答

相關問題