javascript - 如何在图标单击上打开 bootstrap-datepicker 而不仅仅是在输入单击上

Question

是否可以通过点击输入或带有日历图标的跨度打开日期选择器？

http://www.eyecon.ro/bootstrap-datepicker

我的代码

<div class="input-group datepicker">
<label>Date</label>
<input type="text" class="form-control" placeholder="YYYY-MM-DD" value="" name="date">
<span class="input-group-addon"><span class="glyphicon calendar"></span></span>
</div>


$(document).ready(function(){
    $('.datepicker').datepicker({'format': 'yyyy-mm-dd'});
});

Span 包含日历图标，单击后我想显示日历。

这可能吗？怎么做？

Answer 1

必须使用带有日历图标的组件吗？

您可以使用此处的第一个或第二个组件，并在输入中添加背景日历图像:

input {
background: url (path/to/your/calendar/image) no-repeat right center;
}