Input-group-addon 元素不会触发到日期类

Question

根据此链接 - component section

我的日历图标应该触发到选择器，但它不起作用。有什么建议？谢谢您的帮助！这是我的代码：

<div class="col-xs-8 correct_space" style="margin-left: 10px;">
            <div class>
            <i id="month_back_btn" class="btn btn-default fa fa-arrow-left pull-left hidden-print"></i>
            <div class="date_input_form input-group date">
                <input class="form-control" id="wodate1" name="date" placeholder="MM.YYYY" value="<?=$date?>" bootstrap-datepicker data-date-end-date="0d">
                <span class="input-group-addon"><span class="fa fa-calendar"></span>
            </div>
                <i id="month_fwd_btn" class="btn btn-default fa fa-arrow-right hidden-print"></i>
            </div>
</div>

Answer 1

使用“组件”模式，您必须在 input-group 元素上实例化日期选择器，而不是输入。

<div class="input-group date" data-provide="datepicker">

或

$('.input-group.date').datepicker({})

Codeply demo