1

我正在尝试向包含输入的网页添加一个表单，该输入将在用户单击输入后显示 jQuery UI datepicker 小部件，就像在jQuery UI Site上一样。

我已按照演示中概述的步骤进行操作，但是当我加载页面时，压延机在页面底部的结束页脚标签和结束正文标签之间显示全宽。

我可以让它在JS fiddle中工作，但不能在我的网页上重新创建。

我在文档的开头引用了以下脚本

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>  
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

有人有想法么？谢谢

4

3 回答 3

1

不确定是否没有看到完整的代码。 即使没有 jQuery UI 样式表，它也应该可以工作。

在这里，我给出了完整的工作代码

<html>    
    <head>
        <!--START CHOOSE DATE-->
        <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script>
            $(function() {
                $('.date_select').datepicker();
            });
        </script>
    </head>    
    <body>
        <p class="date_picker">
            <label for="date_input" class="select">Date:</label>
            <input type="text" name="date_input" id="date_input" class="date_select" />
        </p>
        <!--END CHOOSE DATE-->
    </body>
</html>

JSFiddle

于 2013-11-06T14:07:04.707 回答
0

这是我的一个结束标签不正确的简单案例。我通过 W3C 验证器添加了标记，它帮助我发现了问题。

谢谢你的帮助。

于 2013-11-06T14:33:05.363 回答
0

如果有人遇到这个 - 另一种解决方案。

确保空间中没有太多文本。

在我的情况下，我将一周中的天数设置为更长的单词，这迫使表格宽度溢出。

于 2016-10-05T10:49:04.280 回答