3

ブートストラップ datepickerで指定された例を実行しようとしていますが、 Webサイトに表示されているようにレンダリングできません。Google アプリ エンジンのインスタンスでサイトを実行しています。日付ピッカーの入力欄が縮小されているようです。私が使用したコードは以下のとおりです -

<html>
<head>  
    <title>
        Known Doctor Results | EasyPreScribe
    </title>
    <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/css/datepicker.css" rel="stylesheet" media="screen">
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-datepicker.js"></script>

</head>
<body>
    <table>

    {% for i in que %}
    <tr>
        <td name="docNamePass">{{i.doctorName}}</td>
        <td>{{i.clinicName}}</td>
        <td>{{i.clinicAdd}}</td>
        <td>{{i.contactNo}}</td>
        <td><form action="/bookTime">
        <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
            <input class="span2" size="20" type="text" value="12-02-2012">
            <span class="add-on"><i class="icon-th"></i></span>
            </div>
        <input type="hidden" name="docNamePass" value="{{i.doctorName}}">
        <input type="submit" value="Submit" />
        </form>
        </td>
    </tr>   
    {% endfor %}
    </table>

    <a href= "{{ patLogOut }}" > Logout </a>
    <h1>{{ u }} </h1>
<script>
$(document).ready(function($) {
          $('#dp3').datepicker();
          });
</script>
</body>
    </html>

このサンプルコードの結果ここに画像の説明を入力。助けてください。前もって感謝します。

4

0 に答える 0