0

C# MVCビューに日時ピッカーを実装しようとしていますが、入力ボックスの右側にカレンダー アイコンが表示されません。

hereの例に従っています。

私の見解の一部

<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 ブートストラップ 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 に答える