您的位置:首页 > Web前端 > JQuery

Asp.net mvc 添加Jquery UI

2015-12-28 17:26 471 查看
1.使用NuGet下载jquery ui

Install-Package jQuery.UI.Combined



2.下载多语言文件:

development-bundle/i18n目录下是jquery的日历语言。注:只有Legacy版本才有


也可以用nuget下载

Install-Package jQuery.UI.i18n



2.编辑 BundleConfig.cs

注意:这里我用了自己下载的一个theme"start",自己下才有 http://jqueryui.com/download/

//jquery-ui
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Content/themes/start/jquery-ui.js"));

bundles.Add(new StyleBundle("~/Content/jqueryui").Include(
"~/Content/themes/start/jquery-ui.css"));
bundles.Add(new ScriptBundle("~/Content/themes/i18n").Include(
"~/Content/themes/i18n/jquery.ui.datepicker-zh-CN.js"));


3.编辑_Layout.cshtml页

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/Content/themes/i18n")


4.在view页面中使用

<input id="datepicker" >
<!-- Datepicker -->

<script>
$("#datepicker").datepicker({
inline: true
});

</script>


5.下面测试一下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: