Asp.Net MVC中的JQuery UI datepicker

Question

我试图JQuery UI在一个Asp.Net MVC没有运气的网站上使用一些小部件.

例如来自jQuery UI的基本日期选择器- 功能演示.

我创建了一个简单的MVC项目并添加了脚本引用,Site.Master如下所示:

<script src="../../Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-personalized-1.5.3.min.js" type="text/javascript"></script>
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/ui.datepicker.css" rel="stylesheet" type="text/css" />"

在Index.aspx文件中,我已清除所有默认内容并添加以下内容:

<script type="text/javascript">
    $("#basics").datepicker();     
</script>  
<input type="text" size="10" value="click here" id="basics"/> 

核心jQuery工作得很好.有线索吗？

Answer 1

确保在加载DOM后调用初始化程序:

$(document).ready(function() {
    $("#basics").datepicker();
});

jQuery ready事件:

通过使用此方法,您可以在DOM准备好被读取和操作的瞬间调用绑定函数,这是99.99%的JavaScript代码需要运行的时间.

Answer 2

我在这里用MVC 3写了一篇文章:http://blogs.msdn.com/b/stuartleeks/archive/2011/01/25/asp-net-mvc-3-integrating-with-the -jquery-UI-日期选择器-和-添加-A-jQuery的验证最新范围-validator.aspx