2

我正在尝试让 datepicker 工作的最简单示例，但我似乎无法得到它。我的小提琴几乎什么都没有。

我的网页顶部有这个：

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript" />
<script src="~/Scripts/jquery-ui-1.8.11.js" type="text/javascript" />
<script>
    $(function(){
        $("#datepicker").datepicker();
    });​​​
</script>

注意：我尝试将前两个脚本行放在 _Layout.cshtml 中，但出现错误（暂时不记得错误）。这就是为什么我把它全部放在一页上。

再往下一点，在同一页上，是这样的：

<td><input type="text" id="datepicker"></td>

当我单击输入控件时，什么也没有发生。但是，当我单击小提琴中的控件时，它可以工作。我错过了什么？

此外，您会注意到我使用的是 jquery 1.6.2 和 jquery-ui 1.8.11。这与 fiddle 示例不同，因为 fiddle 没有提供这些版本作为选项。如果版本不同，我会感到惊讶。

4

3 回答 3

4

脚本标签必须同时具有开始项和结束项。您不能速记关闭它们。

而不是这个

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript" />

做这个

<script src="~/Scripts/jquery-1.6.2.js" type="text/javascript"></script>
于 2012-08-28T20:02:41.547 回答
0

我希望这不会是最终答案，但我终于让日期选择器显示出来。经过反复试验和研究，我似乎遇到了 jquery 冲突，但我不知道为什么。有人提出了一种叫做非冲突模式的东西。所以我将我的日期选择器代码更改为：

<script type="text/javascript">
    (function ($) {
        $(document).ready(function () {
            $("#endTime").datepicker();            
        });
    })(jQuery);
</script>

它奏效了。我不知道为什么，但它终于至少工作了。如果有人可以提供更多见解或更好的答案，我很乐意选择它。

这个答案解释了上面的例子：Basically, what I did was define a function that takes a parameter (the $) and then execute that function with jQuery as the parameter.

我仍然不明白，为什么这段代码不起作用：

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#endTime").datepicker();
    });
</script>

如果因为 , 发生冲突$，而我替换$为jQuery，它不应该工作吗？

于 2012-09-03T01:08:11.213 回答
-1

日期选择器非常简单，为什么您不在 mozilla 中使用类似 firebug 的东西来查看它是否抛出一些错误，日期选择器内部也使用 Jquery 主题滚轮，所以请下载并添加 jquery "css/custom-Theme/jquery-custom .css”的CSS。

于 2012-08-28T20:12:26.800 回答