ブートストラップGlyphicons DateTimePickerの変更アイコン

Question

はhttps://eonasdan.github.io/bootstrap-datetimepicker/文書で述べたように

は私が成功したコードの下に使用してダウンし、矢印をアップに変更することができました。

$('#datetimepicker7').datetimepicker({ 
    sideBySide: true, 
    icons: { 
     up: "fa fa-chevron-circle-up", 
     down: "fa fa-chevron-circle-down", 
    } 
}); 

カレンダーの左、右のアイコンを変更する方法は知っていますか？理解を容易にするために、アイコンを下の画像の変更点として強調表示しました。

すべてのヘルプは高く評価されるだろう。

Answer 1

あなただけの以下のコードに変更する必要が左と右のアイコンを変更するには：デフォルトでは

icons: { 
     time: 'glyphicon glyphicon-time', 
     date: 'glyphicon glyphicon-calendar', 
     up: 'glyphicon glyphicon-chevron-up', 
     down: 'glyphicon glyphicon-chevron-down', 
     //previous: 'glyphicon glyphicon-chevron-left', 
     previous: 'glyphicon glyphicon-backward', 
     next: 'glyphicon glyphicon-chevron-right', 
     today: 'glyphicon glyphicon-screenshot', 
     clear: 'glyphicon glyphicon-trash', 
     close: 'glyphicon glyphicon-remove' 
    }, 

私はuがそのアイコンにあなたを変更する必要がある場合は、アイコンがそう表示されていることをコメントしているライン表示したいパスやアイコンを設定するだけです。

あなたは下のリンクを参照することができます：あなたはちょうどdocsで述べたような構成で、あなたのiconsオブジェクト内のpreviousとnextキーを挿入する必要が https://eonasdan.github.io/bootstrap-datetimepicker/Options/

Answer 2

。

$('#datetimepicker7').datetimepicker({ 
 
    sideBySide: true, 
 
    icons: { 
 
     up: "fa fa-chevron-circle-up", 
 
     down: "fa fa-chevron-circle-down", 
 
     next: 'fa fa-chevron-circle-right', 
 
     previous: 'fa fa-chevron-circle-left' 
 
    } 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class="input-group date" id="datetimepicker7"> 
 
    <input type="text" class="form-control" /> 
 
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
    </div> 
 
</div>