2017-11-02 12 views
0

次のプロジェクトでは、Bootstrap3でDateTimePickerを使用しています:https://www.malot.fr/bootstrap-datetimepicker/demo.php "インライン"オプションを使用すると、 "戻る"と "月をナビゲートします。アイコンはDateTimePickerのインラインでのブートストラップには表示されません

コード:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Calendar</title> 
    <script src="js/jquery-3.2.1.js"></script> 

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="bootstrap/js/bootstrap.js"></script> 

    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"> 

    <script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script> 
    <script type="text/javascript" src="js/bootstrap-datetimepicker.es.js" charset="UTF-8"></script> 

</head> 

<body> 
<div class="container"> 
    <div id="calendar"></div> 
</div> 

<script type="text/javascript"> 
    $('#calendar').datetimepicker({ 
     language: 'es', 
     format: 'dd/mm/yyyy', 
     weekStart: 1, 
     todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 2, 
     minView: 2, 
     forceParse: 0 
    }); 
</script> 

</body> 
</html> 

は、利用可能なすべてのドキュメントのオプションを試してみたが、私はアイコンが見えるようにすることはできません。

例:私はこの問題を解決するにはどうすればよいhttps://jsfiddle.net/drgLsrc2/

+0

? –

+0

https://github.com/smalot/bootstrap-datetimepicker – Chris

+0

上記のコードではdatetimepickerは認識されていないため、divのみがわかります。それは上記のコード全体ですか? –

答えて

0

てみてください:

あなたがそこリストから使用している、とあなたはDateTimePickerのためのマークアップを提供してください可能性のDateTimePicker
#calendar: right: "glyphicon-chevron-right", 
       left: "glyphicon-chevron-left" 
+0

同じ結果.... – Chris

関連する問題