首页 文章

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

提问于
浏览
0

是否可以在点击输入上打开日期选择器或使用日历图标打开?

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保存日历图标,点击后我想显示日历 .

这可能吗?怎么做?

1 回答

  • 1

    您是否必须将组件与日历图标一起使用?

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

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

相关问题