Bootstrap input-group-addon 无法使用 bootstrap studio 点击

Question

我关注这个网站

生成 HTML 的内容：

    <div class="input-group date">
          <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
    </div>

和.js

    $('#sandbox-container .input-group.date').datepicker({
        format: "yyyy-mm-dd",
        language: "pl"
    });

我有相同的 html 并且.js它看起来不错，但输入组插件不可点击。

Answer 1

在这里，您可以使用解决方案

$('.input-group.date').datepicker({
  format: "yyyy-mm-dd",
  language: "pl"
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<div class="input-group date">
  <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>

什么是#sandbox-container？

希望这对您有所帮助。