2012-08-28 30 views
2

我正在尝试获取datepicker工作的最简单的例子,我似乎无法得到它。我的fiddle几乎没有。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。这不同于小提琴的例子,因为小提琴没有提供这些版本作为选项。如果版本不同,我会感到惊讶。

+0

你的JavaScript控制台说什么? (在Chrome中为CTRL-SHIFT-J) – Lior

+0

“...在一点点,在同一页面...”哪里? – j08691

+0

@ j08691脚本文件是代码文件中的第一件事。然后有这样的代码片段:'@model AutoTrackerCommon.Entities.TrackerJob'。最后是HTML,并且该控件位于该HTML内。 –

回答

0

我希望这不会是最终的答案,但我终于有了datepicker显示。经过多次试验和错误,以及研究后,我似乎遇到了jQuery冲突,但我不知道为什么。有人建议称为非冲突模式。所以我改变了我的日期选择代码:

<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替换$,它不应该工作吗?

4

脚本标签必须同时具有打开和关闭项目。你不能简单地关闭它们。

取而代之的是

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

做到这一点

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

+1,但你不需要那里的类型 – Snuffleupagus

+0

我试过了,但当我点击控制时,我仍然没有发生任何事情 –

+0

@BobHorn - 也许问题是与路径你的脚本当你在浏览器中查看脚本时,脚本的src是什么,请记住,当你请求该URL时,你会得到脚本 –

0

的日期选择器是非常简单的你为什么不使用类似在Mozilla萤火虫,看它是否被抛出一些错误也会日期选择器内部使用Jquery主题滚轮,所以请下载并添加jquery“css/custom-Theme/jquery-custom.css”css。

相关问题