0

bootstrap-datepickerを使用しようとしています。問題は、スタイルなしで入力ファイルのみを取得していることです。これが私のインクルードです：

<link href="../css/bootstrap.css" rel="stylesheet" media="screen">
<link href="../css/datepicker.css" rel="stylesheet">
<link href="../css/main.css" rel="stylesheet">

<script src="../js/jquery.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
        <script src="../js/assets/html5shiv.js"></script>
        <script src="../js/assets/respond.min.js"></script>
<![endif]-->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/assets/bootstrap-datepicker.js"></script>
<script src="../js/main.js"></script>

ここにhtmlがあります：

<div class="input-append date" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <input id="dp3" size="16" type="text" value="12-02-2012"/>
    <span class="add-on"><i class="icon-calendar" id="cal2"></i></span>
</div>

ここにJavaScriptがあります：

$('#dp3').datepicker();

なにが問題ですか？？

注: いいえ、入力にフォーカスすると、カレンダーは表示されますが、アイコンはありません。

4

3 に答える 3

2

このバージョンを使用する場合は、Bootstrap 3 を完全にサポートしていないため、Bootstrap 2 で使用する必要があります。Bootstrap 3 を使用する場合は、アイコンの問題を自分で処理する必要があります。別のアイコンを追加するか、代わりにボタンを使用するか、その部分を完全に取り除きます。

于 2013-11-04T09:38:20.423 に答える
0

あなたのコードから、次のcssファイルを追加していないようです。

  1. ブートストラップCSS
  2. ブートストラップ日付ピッカーCSS

必ず追加してください。

ここで作業中のJSFiddleを参照してください

于 2013-11-04T09:19:53.830 に答える
0

これを解決するには、DOM のロード時に次の呼び出しを行います。

$(function() {
  $('#dp3').datepicker();
});

また

 $(document).ready(function(){
         $('#dp3').datepicker();
       });
于 2013-11-04T09:27:54.513 に答える