Datepicker Eternicode - 不起作用

Question

我想将 datepicker 添加到我的站点 - 我通过 Sandbox 创建了自己的配置：

<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 input').datepicker({
format: "dd/mm/yyyy",
startDate: "01/09/2016",
endDate: "31/12/2016",
language: "pl",
daysOfWeekDisabled: "1,2,3,4,5",
daysOfWeekHighlighted: "0,6",
autoclose: true,
todayHighlight: true,
toggleActive: true,
defaultViewDate: { year: 1977, month: 04, day: 25 }});

在 eternicode 一切都很好，但我找不到为什么它在我的网站上不起作用： Link

区别：

Answer 1

1. 将所有 JS 代码保存在 $(document).ready(function(){......}) 中。

2. 请更改日期选择器初始化的选择器，如下所示。

   $('.sandbox-container input').datepicker({
   format: "dd/mm/yyyy",
   startDate: "01/09/2016",
   endDate: "31/12/2016",
   language: "pl",
   daysOfWeekDisabled: "1,2,3,4,5",
   daysOfWeekHighlighted: "0,6",
   autoclose: true,
   todayHighlight: true,
   toggleActive: true,
   defaultViewDate: { year: 1977, month: 04, day: 25 }});
   

   正如我在您的网站上看到的那样，sandbox-container 是类而不是 id，所以请在选择器内使用 dot(.) 之前。

3. 我还看到您在代码中导入了两个 Jquery 文件，请删除重复项。

请找到链接https://jsfiddle.net/Prakash_Thete/a9kb79eb/1/供您参考..

Answer 2

我找到了答案 - javascript 代码应该在文档的末尾。