Javascript twitter引导数据采集器未正确呈现_Javascript_Jquery_Css_Twitter Bootstrap

Javascript twitter引导数据采集器未正确呈现

javascript jquery css twitter-bootstrap

Javascript twitter引导数据采集器未正确呈现,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我正在尝试运行中给出的示例，但无法呈现网站中显示的示例。我正在google app engine的一个实例中运行该网站。日期选择器的输入字段似乎缩小了。下面给出了我使用的代码-- 已知医生结果|易于处方 {que%%中的i为%1} {{i.doctorName} {{i.name} {{i.add} {{i.contactNo} {%endfor%} {{u} $（文档）.ready（函数（$）{ $（'#dp3'）。日期选择器（）； }); 此示例代码的结果。请帮忙。提前感谢。我认为您需要

我正在尝试运行中给出的示例，但无法呈现网站中显示的示例。我正在google app engine的一个实例中运行该网站。日期选择器的输入字段似乎缩小了。下面给出了我使用的代码--


已知医生结果|易于处方
{que%%中的i为%1}
{{i.doctorName}
{{i.name}
{{i.add}
{{i.contactNo}
{%endfor%}
{{u}
$（文档）.ready（函数（$）{
$（'#dp3'）。日期选择器（）；
});

此示例代码的结果。请帮忙。提前感谢。

我认为您需要将输入放入

表单

元素中，以便正确地进行样式化…我在日期选择器之前声明了一个表单元素，或者您正在谈论要在元素输入中声明的表单？这是真的，抱歉，误读了。。。

<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>