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

时间:2012-08-28 19:59:53

标签: javascript jquery jquery-ui datepicker

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

3 个答案:

答案 0 :(得分:4)

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

而不是这个

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

这样做

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

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

上面的示例在此answerBasically, 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,那么它不应该有用吗?