引导日期选择器不显示

我有一个引导日期选择器组件在我的HTML和无法让它显示的数据。我会假设我已经把它写入代码中。引导日期选择器不显示

$('#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 } 
 
});

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="input-daterange input-group" id="datepicker"> 
 
    <input type="text" class="input-sm form-control" name="start" /> 
 
    <span class="input-group-addon">to</span> 
 
    <input type="text" class="input-sm form-control" name="end" /> 
 
</div>

来源

2017-02-26 Chris

尝试改变'$（“＃沙盒容器。输入-日期范围”）''到$（“＃日期选择器。输入-SM”）'看如果它有效。 – ekad

那就是修复。非常感谢。 :) – Chris

不客气。我在下面解释了原因发布了一个答案。 – ekad

有一个在你的日期选择器的初始化代码

$('#sandbox-container .input-daterange').datepicker({ 
    .... 
});

既然你有这个html

<div class="input-daterange input-group" id="datepicker"> 
    <input type="text" class="input-sm form-control" name="start" /> 
    <span class="input-group-addon">to</span> 
    <input type="text" class="input-sm form-control" name="end" /> 
</div>

上面的初始化代码将针对容器div（与class="input-daterange input-group"一起）而不是其中的两个文本框，所以这就是为什么日期选择器不显示。您需要更改上面的初始化代码这个

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

来源

2017-02-27 00:05:43 ekad

您将收到投入的jquery.js引导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>

来源

2017-02-27 00:02:38

引导日期选择器不显示

回答

相关问题