在asp.net MVC Web应用程序中启用jQuery ui

Question

我在Visual Studio 2013有一个asp.net mvc应用程序。 使用jQuery UI工具时出现问题。 我的_Layout.cshtml包含以下脚本：

@Scripts.Render("~/bundles/modernizr")

<script src="@Url.Content("~/Scripts/1.7.2.jquery.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-2.1.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-2.1.0.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.min.js")" type="text/javascript"></script>

 @Scripts.Render("~/bundles/jquery")
 @Scripts.Render("~/bundles/bootstrap")
 @RenderSection("scripts", required: false)

当我尝试使用datepicker() ：

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

 @Html.TextBox("date", new DateTime(2014, 1, 1), new { @class=".rDate"})

我得到以下错误： JavaScript runtime error: Object doesn't support property or method 'datepicker'

我将不胜感激。

Answer 1

@Scripts.Render("~/bundles/modernizr")

<script src="@Url.Content("~/Scripts/jquery-2.1.0.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.min.js")" type="text/javascript"></script>

 @Scripts.Render("~/bundles/jquery")
 @Scripts.Render("~/bundles/bootstrap")
 @RenderSection("scripts", required: false)

使用Jquery和Jquery UI的缩小版，并删除重复的脚本引用。

演示：

http://jsfiddle.net/8Nyy7/