【问题标题】:Icons are not seen in DateTimePicker Bootstrap in inline内联的 DateTimePicker Bootstrap 中看不到图标
【发布时间】:2017-11-03 07:47:48
【问题描述】:

我在 Bootstrap3 中为以下项目使用 DateTimePicker:https://www.malot.fr/bootstrap-datetimepicker/demo.php 问题是当我使用“内联”选项时,我会丢失“后退”和“前进”图标来导航月份。

代码:

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

我该如何解决这个问题?

【问题讨论】:

标签: twitter-bootstrap


【解决方案1】:

请尝试:

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

【讨论】:

    猜你喜欢
    • 2016-11-25
    • 2018-11-09
    • 2021-04-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-05
    • 1970-01-01
    相关资源
    最近更新 更多