专题总结 >> 控件示例>>自定义日期控件高度
1. 概述
如下图界面,我们常常希望填报界面进行填报前,控件中已经有初值。
这个初值其实就是填报控件的默认值。现在我以日期控件为例,来进行自定义高度设置。
26836
2. 解决方案
修改css样式,一般来说可以通过引入css文件覆盖原有样式的方法来实现。
但是日期控件弹出面板这个比较特殊,这个是动态引入的css文件,是点击了日期控件的下拉按钮才会加载的,所以引入css文件的方法就不能用了。
可以等日期选择面板展现出来的时候再用js调整css样式。
所以给日期控件添加初始化后事件://给下拉按钮绑定事件this.btn.bind('click',function() { //面板展现出来了执行 setTimeout(function(){ $('.fr-datepickertd').css({ height:'10px', 'font-size':'10px', padding:0 }); $('.fr-datepickertr').css({ height:'10px' }); },100);});如下图:
26838
3. 预览效果
26839