插件帮助文档 --- JQueryUI
官方网站:
插件描述:
说明:
建议:
插件使用:
1 Tab使用:
注意项:使用JQueryUI---tab时,如果使用了RenderPartial,
<%Html.RenderPartial("BasicInfoControl",ViewData["operation"]); %>
那么,RenderPartial中不能再引用任何Jquery.js。否则报错“Microsoft JScript 运行时错误: 对象不支持此属性或方法”。原因不明。
解决方案:将需要的js文件引用,在使用RenderPartial的页面使用,而非RenderPartial内部使用。
1.1 Ajax调用:
页面:
<div id="hospitals" class="hospital" style="width:600px">
<ul>
<%foreach (var item in ViewData["hospitalLevel"] as List<AjaxData>)
{
%>
<li class="hoverhospital"><a href='<%=Url.Action("RecommendHospitals", "Home", new { hospitalLevelId=item.Id })%>'><%=Html.Encode(item.Name) %></a></li>
<%
} %>
</ul>
</div>
调用:
$(function() {
$("#hospitals").tabs({
event: "mouseover",
ajaxOptions: {
error: function(xhr, status, index, anchor) {
$(anchor.hash).html(
"对不起,加载失败.");
}
}
});
});
2 DatePicker使用:
1.1 本地化
引用中文文件:
<script src="http://www.cnblogs.com/Scripts/JQueryUI/i18n/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
设置本地化:
$(function() {
.datepicker.regional['zh-CN']);
$(".dateTimePicker").datepicker();
});
设置时间范围:
$(".dateTimePicker").datepicker({
minDate: +0, maxDate: +8
});s
注意项:使用中文插件时,标题的年月变为两行。
解决办法:修正样式
.ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 40%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: left; }
/* 控制字体大小
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size:1.2em}
*/
作 者:doku
出 处:http://www.cnblogs.com/kulong995/
关于作者:喜欢编程,喜欢美食,专注于.NET项目开发。
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?