http://www.imusm.net/wp/archives/983
可能已經有前輩或神人們已經有遇到並解決..但我google了一下…沒有人分享..所以我就班門弄斧囉!!
在官方下載ui回來用之後,的確很強大很好用!
但有沒有發現..在官方的demo 頁中..datepicker的大小是很適中的…
但是一旦自己加入自己的程式碼中…就變的超大…
原因是在官方的css檔中..有個地方影响了datepicker的大小
body {
font-size: 62.5%;
}
是的..兇手就是這一段..
如果你原本的程式碼也有相關的格式..那麼你的datepicker就會受到這段的影响!
解決方法..
找出你所使用的theme path 如“css/redmond/jquery-ui-1.7.custom.css” ==>如果你是官網上自訂
theme配色可能路徑就不同囉~~~別找錯檔!
找到
.ui-datepicker { width: 17em; padding: .2em .2em 0;}
改成
.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: 指定大小;}就可以囉~~~
for English version:
I’ve got a datepicker problem. I am having is adjusting the size of
the datepicker . If I run the demo of the datepicker that is included
in the dev bundle, the datepicker shows up at a reasonable size. If I
run the datepicker on my test page, it is HUGE! So I check the css
and found the one tag that seems to make the difference. The body tag
body {
font-size: 62.5%;
}
So I put that in my
test page and now the datepicker is back to a reasonable size.
So find the path you use in your environment!
your theme path should like this“css/redmond/jquery-ui-1.7.custom.css”
and find the section
.ui-datepicker { width: 17em; padding: .2em .2em 0;}
modify it to
.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: the size you want;}
It should work now!!!^_^
<script type="text/javascript">AKPC_IDS += "983,";</script>
Popularity: 86% [? ]
分享到:
相关推荐
1、jqueryui中的datepicker的简单使用说明 2、datepicker中选中日期后,不刷新datepicker的方法 3、datepicker的日程表样式。
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
jquery-ui中文日历控件,使用的时候记得先把文档编码改为UTF-8,否则中文显示乱码!
jQuery UI Datepicker 插件和timepicker 共同组成时分秒的日历控件,包含汉化,中文显示日历样式
日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。
NULL 博文链接:https://free0007.iteye.com/blog/2080588
这几天使用jqueryui的datepicker感觉不错,所以下载整理了各种jqueryui的datepicker文件(包括样式),整理再次,供大家使用!
${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.css" > ${ctx}/plugins/jquery-ui-1.11.2/external/jquery/jquery.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui-...
jQuery_UI全教程之一_dialog以及Datepicker使用说明 jQuery UI全教程之一(dialog的使用教程) 2011-03-15 17:41 jQuery UI目前的版本已经更新到了1.8.7。个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可...
jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...
简要修改Jquery UI DatePicker,可以选择时间(小时,分),有需要的朋友可以参考一下。 补充说明:上面的代码做好后,没怎么测试,选择的时间是有问题的:问题1:选择的月份比当前月份少1,问题2:当选择的月份和...
jquery的日期插件Datepicker,这两天正好研究完了,将研究结果分享下,单独的封装汉化版本,都有注释,好修改也好使用,注意保持images里面图片的名称和路径,red-datepicker.css可以定义日期div的样式,我自己在源...
<script src="js/jquery.ui.datepicker-zh-CN.js"></script> 去掉此行,样式好很多。中文版的版式需要高手完善 来自于网上一高手 <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"> jquery-...
初步精简过的css样式,去掉了很多多余的东西 ...jquery.ui.datepicker.js - Datepicker jquery.ui.datepicker-zh-CN.js - 本地化文件 jquery-1.6.2.min.js - JQuery1.6.2 jquery-ui-1.8.16.custom.css - 样式
源码修改!绝对原创!不粘贴复制!实现日期时间框,支持中文格式!...扩展了jquery-ui-datepicker的功能。在jquery easyui datetimebox 基础上汉化,并且添加一种jquery方式调用。强化了my97的onclick事件。
jqueryd的autoComplete插件,输入自动补全 支持中文补全
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成 jQuery UI ...