Question

我正在尝试使用datepicker工作的最简单的例子，我似乎无法得到它。 fiddle中几乎没有任何内容。

我的网页顶部有：

<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。这与小提琴示例不同，因为小提琴没有提供这些版本作为选项。如果版本不同，我会感到惊讶。

Answer 1

脚本标记必须包含开始和结束项目。你不能速记他们。

而不是这个

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

这样做

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

Answer 2

datepicker非常直截了当为什么你不要在mozilla中使用像firebug这样的东西，看看它是否会抛出一些错误，日期选择器内部使用Jquery主题滚轮所以请下载并添加jquery“css / custom-Theme / jquery-custom.css“css。

Answer 3

我希望这不是最终的答案，但我终于得到了日期选择器来展示。经过多次试验和错误以及研究，我似乎有一个jquery冲突，但我不知道为什么。有人提出了一种称为非冲突模式的东西。所以我将我的datepicker代码更改为：

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

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

上面的示例在此answer：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，那么它不应该有用吗？

单击时，DatePicker不执行任何操作

3 个答案: