JS自定义日期控件高度
1. 问题概述
平时使用中总有一些客户要求比较高，对控件默认显示的效果不太满足，不是按钮选择框太大，就是配色不好等等。
以日期控件为例，默认的样式如下图所示：
可能是用户浏览器太小，用户觉得选择框太大，能不能设置小一点？
2. 解决方案
一般来说可以通过引入css文件覆盖原有样式的方法来实现。但是日期控件弹出面板这个比较特殊，这个是动态引入的css文件，点击了日期控件的下拉按钮才会加载的，所以引入css文件的方法就不能用了。我们可以等日期选择面板展现出来后再Js调整css样式来实现。
3. 示例讲解
在主体面板中右击单元格，选择控件设置>日期控件，添加初始化后JS事件，如下图所示：
js代码如下：
this.btn.bind('click',function() {
//面板展现出来了执行
setTimeout(function(){
$('.fr-datepicker td').css({
height:'10px',
'font-size':'10px',
padding:0
});
$('.fr-datepicker tr').css({
height:'10px'
});
},100); //初始化后，100ms后调用css样式
});
4. 预览效果
保存后，点击填报预览，点击日期控件，可以看到日期控件缩小了。效果如下图所示：
附件列表
主题： 二次开发