Css bootstrap glyphicon-calendar不显示日历答案

【问题标题】：Css bootstrap glyphicon-calendar not showing the calendarCss bootstrap glyphicon-calendar不显示日历
【发布时间】：2020-12-22 01:06:43
【问题描述】：

i need to create datetimepicker using bootstrap in my php code i write


<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
 
    </div>
</div>

在脚本部分我写了以下内容

<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
 <script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>

datetimepicker 显示正常，但是当我点击它时，日历没有打开

【问题讨论】：

标签： javascript html css bootstrap-4 bootstrap-datetimepicker

【解决方案1】：

包装

<span class="glyphicon glyphicon-calendar"></span>

标签内标签：

 <label class="input-group-addon" for="dateField">
    <span class="glyphicon glyphicon-calendar"></span>
  </label>

更正如下：

<div class="container">
   <div class="row">
       <div class='col-sm-6'>
           <div class="form-group">
               <div class='input-group date' id='datetimepicker1'>
                    <input id="dateField" type='text' class="form-control" />
                    <label class="input-group-addon" for="dateField">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </label>
               </div>
           </div>
       </div>
    </div>
</div>

【讨论】：