单击文本字段时不显示datepicker

时间:2013-07-29 09:27:47

标签: javascript jquery asp.net-mvc datepicker

点击链接:

http://www.asp.net/ajaxlibrary/jquery_introduction.ashx

&安培;然后:

http://jquery.com/download/?rdfrom=http%3A%2F%2Fdocs.jquery.com%2Fmw%2Findex.php%3Ftitle%3DDownloading_jQuery%26redirect%3Dno

我已将脚本文件包含在页面顶部:

<script type="text/javascript"  src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript"  src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

然后我已经包含了datepicker的代码:

<input type="text" id="simple-date" /> 
<script type="text/javascript" language="javascript">
// the jQuery ready shortcut  
$(function () {  
    // set up our datepicker  
    $("#simple-date").datepicker();
});
</script>

但是当我点击文本字段时没有任何反应....不应该加载日期选择器吗? 请指教.....谢谢

3 个答案:

答案 0 :(得分:2)

您忘记在文档中添加jquery-ui插件

<script src="http//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

在官方网站上查看主题,我链接

Demo Fiddle

答案 1 :(得分:2)

我认为你错过了jquery ui包含。

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

答案 2 :(得分:0)

您应该添加CSS:

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="Stylesheet" />

jQuery UI

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