3

我正在尝试运行引导程序 datepicker中给出的示例，但它无法像网站中显示的那样呈现。我在谷歌应用引擎的实例中运行该网站。日期选择器的输入字段似乎缩小了。我使用的代码如下 -

<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