ブートストラップ日付ピッカー - "todayHighlight：true"が機能しない

Question

私はブートストラップ - 日付ピッカー（jsとcss）を使用しています。

以下はコードであり、エラーを特定できません。日付コンポーネントが表示されますが、スクリプト内に書き込まれたルールは実行されません。いくつかは以下の通りです。

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

FULL CODE：

<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を使用データは属性や日付ピッカー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必須でなければなりません+3の代わりに"+3d"になる

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