Bootstrap Date picker - "todayHighlight: true" не работает

Question

Я использую bootstrap - date picker (js и css).

Ниже приведен код, не в силах выяснить причину ошибки. Отображается компонент Date, но любые правила, написанные внутри скрипта, не выполняются. некоторые из которых перечислены ниже.

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 яваскрипта свойств. Не смешивайте оба.

Fiddle: 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" 
}); 

или вы можете сделать это так:

Fiddle: 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

Вы оба data-provide="datepicker" и $('#sandbox-container.input-group.date').datepicker(); в том же HTML-страницы. Это избыточно.

Попробуйте

$('#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 сусла be "+3d" вместо +3

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