Question

我的html中有一个bootstrap日期选择器组件，无法显示数据。我会假设我在代码中写错了。

routeName.hbs

$('#sandbox-container .input-daterange').datepicker({
    todayBtn: "linked",
    clearBtn: true,
    multidate: true,
    calendarWeeks: true,
    autoclose: true,
    todayHighlight: true,
    toggleActive: true,
    defaultViewDate: { year: 1977, month: 04, day: 25 }
});

Answer 1

查看您的日期选择器初始化代码

class="input-daterange input-group"

因为你有这个HTML

$('#datepicker .input-sm').datepicker({
    ....
});

上面的初始化代码会定位容器div（带{{1}}的容器div）而不是其中的两个文本框，这就是为什么日期选择器不会显示的原因。您需要将上面的初始化代码更改为此

{{1}}

Answer 2

您必须在引导程序js

之前放置jquery.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>

Bootstrap日期选择器未显示

2 个答案: