Question

我正在使用bootstrap - 日期选择器（js和css）。

以下是代码，无法找出错误。将显示日期组件，但不会执行脚本中写入的任何规则。一些列在下面。

format: "dd/mm/yyyy",
startDate: -7,
endDate: +3,
todayHighlight: true

完整代码：

<script>
$('#sandbox-container.input-group.date').datepicker({
todayHighlight: true
});
</script>

<div id="sandbox-container" class="input-group date" data-provide="datepicker">
<input type="text" class="form-control ">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>

Answer 1

使用html 数据属性或从datepicker javascript 属性添加它。不要混淆两者。

小提琴： http://jsfiddle.net/hous9y5L/246/

您忘记了 startDate 和 endDate

的双引号

<强> HTML：

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

Javascript

$('#sandbox-container.input-group.date').datepicker({
    todayHighlight: true,
    format: "dd/mm/yyyy",
    startDate: "-7d",
    endDate: "+3d"
});

或者你可以这样做：

小提琴： http://jsfiddle.net/hous9y5L/248/

<div id="sandbox-container" class="input-group date" data-provide="datepicker" data-date-format="dd/mm/yyyy" data-date-start-date="-7d" data-date-end-date="+3d" data-date-today-highlight="true">
  <input type="text" class="form-control ">
  <div class="input-group-addon">
    <span class="glyphicon glyphicon-th"></span>
  </div>
</div>

Answer 2

您在同一个html页面中同时拥有data-provide="datepicker"和$('#sandbox-container.input-group.date').datepicker();。那是多余的。

尝试

$('#sandbox-container.input-group.date').datepicker({
    todayHighlight: true,
});

或（不应该同时使用）

<div id="sandbox-container" class="input-group date" data-provide="datepicker" data-date-today-highlight>
    Your content here
</div>

还要检查浏览器控制台是否存在其他错误，例如： startDate必须是"-7d"而不是-7， endDate必须是"+3d"而不是+3

format: "dd/mm/yyyy",
startDate: "-7d",
endDate: "+3d",
todayHighlight: true

Bootstrap日期选择器 - ＆＃34; todayHighlight：true＆＃34;不工作

2 个答案: