Question

如果我点击输入文本框，打开引导日历，则con不可点击。有人可以帮忙吗？

 </div>
  <div class ="form-group">
  <label class="col-sm-2 control-label" >Received Date</label>
 <div class="col-sm-2 input-group date" data-date-format="mm-dd-yyyy"> 
 <input class="text-input form-control" type="text" name="ARDT" id="ARDT" maxlength="10" />
 <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
 </div>

JSFIDDLE

Answer 1

清除父类中的id。见下面的代码：

 <div id="ARDT" class="col-sm-2 input-group date" data-date-format="mm-dd-yyyy">    
                                        <input class="text-input form-control" type="text" name="ARDT"  maxlength="10" />
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>                                         
                                        </div>
                                    </div>

Answer 2

也许有人需要它......

$('.glyphicon-calendar').on('click',function(){
  $('#ARDT').focus();
});

Answer 3

只需将类btn添加到此：

<span class="input-group-addon btn"><i class="glyphicon glyphicon-calendar"></i></span>

Answer 4

<div class="input-group date datepicker">
<input type="text" class="form-control" />
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>

然后

$('.datepicker').off('focus').datepicker().click(
    function () {
        $(this).datepicker('show');
    }
);

这很好用。

Answer 5

这是上述答案的有效组合。你需要添加＆＃39; btn＆＃39;使glyphicon可点击的类。您需要添加＆＃39; datepicker＆＃39; class，所以你可以在jquery中调用。您需要为＆＃39; datepicker＆＃39;创建一个jquery点击事件。类。

<div class="input-group datepicker">
<input type='text' class="form-control"  id='datepicker2'/>
<span class="input-group-addon btn">
  <span class="glyphicon glyphicon-calendar"></span>
</span>
</div>

//这是为了使日历glyphicon可点击

$('.datepicker').click(
    function () {
            $(this).datepicker('show');
    }
);

bootstrap datepicker无法单击图标

5 个答案: