0

我正在尝试在我的C# MVC视图中实现日期时间选择器，但我的输入框右侧的日历图标没有出现。

我正在按照这里的示例进行操作。

我的部分观点

<script src="/Scripts/angular-0.10.0.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/Content/bootstrap/css/bootstrap.min.css" >
        <link rel="stylesheet" type="text/css" href="/Content/bootstrap/css/bootstrap-responsive.min.css" >
        <script src="/Scripts/jquery-lib/jquery-1.10.2.min.js"></script>
        <script src="/Content/bootstrap/js/bootstrap.min.js"></script>


        <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
    </script>
        <script  data-main="/Scripts/main" src="~/Scripts/require.min.js"></script>


 <div id="datetimepicker2" class="input-append">
                           <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"/>
                        <span class="add-on">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                            </i>
                        </span>
                    </div>

我尝试过明确说明字形图标的路径，如下所示，但不起作用：

   @iconSpritePath:     "/Content/bootsrap/img/glyphicons-halflings.png";

我最终得到这个错误：

名称“iconSpritePath”不存在

我还注意到我的 Twitter bootsrap 3 类不包括 icon-calender 类。

如何使日历图标出现？

4

1 回答 1

0

从官方引导文档：

随着 Bootstrap 3 的推出，图标已移至单独的存储库。这使主要项目尽可能精简，使人们更容易交换图标库，并使 Glyphicons 图标字体更容易被 Bootstrap 之外的更多人使用。

这就是你使用它的方式。说明在这里： http: //glyphicons.getbootstrap.com/

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css" rel="stylesheet">
<span class="glyphicon glyphicon-calendar"></span>
于 2013-08-17T16:37:54.510 回答