Question

我目前有一个日期选择器功能，当我点击日期选择器出现的输入部分，但当我点击它旁边显示的图标我没有得到任何东西，我想应用相同的功能，以便我可以打开它带有图标或输入框。

我尝试将图标区域转换为输入但是我放了我的图标

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

Answer 1

如果您正在使用jQuery UI Datepicker，那么如何将您的图标放在标签元素中？它可能也适用于其他日期选择器。

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

为图标实现输入标记功能

1 个答案: