Eyecon datepicker不能与bootstrap和减小页面大小结合使用

我是原型UI与bootstrap。我用电子眼。ro datepicker。

基本上，它工作得很好。然而，有一个问题。当我缩小页面大小以适应平板电脑或手机格式时，日期选择器就停止工作了。当我放大页面时，控件开始正常工作。下面是代码:

<div class="col-xs-8">
            <!------------------------------------------------------------------------ Date Time Picker -->
            <div class="timentry-list-header">
                <div class="btn-group">
                    <span id="workDayPicker" class="btn btn-default">
                        <span class="glyphicon glyphicon-calendar"></span>
                        Today
                        <span class="caret"></span>
                    </span>
                    <span class="btn btn-default">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </span>
                    <span class="btn btn-default disabled">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </span>
                </div>
            </div>
            <script>
                var nowTemp = new Date();
                var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
                $(document).ready(function() {
                    $('#workDayPicker').datepicker({
                        autoclose: true,
                        endDate: new Date(),
                        todayBtn: true,
                        todayHighlight: true
                    });
                });
            </script>
            <!-----------------------------------------------------------------------END Date Time Picker -->

谢谢。