【问题标题】:How do you open bootstrap-datepicker on icon click not only on input click您如何在图标点击时打开 bootstrap-datepicker,而不仅仅是在输入点击时
【发布时间】:2016-01-22 12:03:21
【问题描述】:

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

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 持有日历图标,点击我想显示日历。

这可能吗?怎么做?

【问题讨论】:

    标签: javascript jquery bootstrap-datepicker


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-10-27
      • 1970-01-01
      • 1970-01-01
      • 2016-04-18
      • 1970-01-01
      • 1970-01-01
      • 2013-12-25
      • 1970-01-01
      相关资源
      最近更新 更多