Question

我在Bootstrap3中使用DateTimePicker进行以下项目：https://www.malot.fr/bootstrap-datetimepicker/demo.php 问题是，当我使用＆＃34;内联＆＃34;选项我失去了＆＃34;返回＆＃34;和＆＃34;前进＆＃34;导航月份的图标。

代码：

<!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/

如何解决这个问题？

Answer 1

请尝试：

  #calendar: right: "glyphicon-chevron-right",
              left: "glyphicon-chevron-left"

在内联

1 个答案: