2017-07-27 16 views
0

私のJava Spring MVC Web Application,にはbootstrap DateTime pickerを使用しようとしています。ブートストラップバージョン3.3.6を使用します。私はDateTimeピッカーを次のように使って追加しました: https://eonasdan.github.io/bootstrap-datetimepicker/#inline。 次のように私はピッカーを初期化しています:ブートストラップ日時ピッカーで指定した日付にカスタムカラーを表示

$('#datetimepicker12').datetimepicker({ 
     format: 'DD/MM/YYYY', 
     inline: true 
}); 

<div style="overflow:hidden;"> 
    <div class="form-group"> 
     <div class="row"> 
      <div class="col-md-8"> 
       <div id="datetimepicker12"></div> 
      </div> 
     </div> 
    </div> 
</div> 

私は日付を選択して、自分のアプリケーションを使用して、選択した日付のためのいくつかのコンテンツを追加するためのピッカーを使用しています。ここでは、コンテンツが1つの色で追加され、残りが別の色で追加される日付を表示したいと考えています。だから私は特定の日付を別のもので1つの色と残りの日付とdatetimeピッカーで表示しようとしています。私もこれを動的に制御しようとしています。私は強調表示される日付を渡して、それらを指定された色で表示したい。

私は類似のものを探していますが、助けを見つけることができませんでした。私がこれを達成できる方法はありますか?

+0

あり、この機能には直接のAPIはありませんが、[ここ](https://stackoverflow.com/q/42380550/4131048)と[ここ](https://stackoverflow.com/顔をしていますa/37534168/4131048)、CSSと[データ属性セレクタ](http://api.jquery.com/attribute-equals-selector/)を使用してコンポーネントの外観をカスタマイズするいくつかの例を参照してください。 – VincenzoC

答えて

0

最近、私はいくつかのインラインdatepickerを実装する必要があるプロジェクトに取り組んでいます。私はインラインdatepickerから値を取得する方法と同じ問題に直面しています。 値を取得したいイベントにこの行を追加します。

var dat = $('#datetimepicker12').data("DateTimePicker").date(); 
alert(dat); 
関連する問題