专题总结 >> 控件示例>>自定义日期控件高度

楼主
我是社区第54755位番薯,欢迎点我头像关注我哦~
1. 概述
如下图界面,我们常常希望填报界面进行填报前,控件中已经有初值。
这个初值其实就是填报控件的默认值。现在我以日期控件为例,来进行自定义高度设置。


2. 解决方案
[url=]
修改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);
});
如下图:

3. 预览效果



[/url]

分享扩散:
参与人数 +2 F豆 +1 F币 +138 理由
rox + 1 默默地点个赞,然后闪人
传说哥 + 138 赞一个!

查看全部评分

沙发
发表于 2015-8-31 15:31:40
板凳
发表于 2015-9-11 12:50:26
http://bbs.fanruan.com/thread-69834-1-1.html同一天写的,比街头这边略晚,但是相差无几,不存在抄袭现象。
地板
发表于 2015-9-11 12:56:29
因为两个是同一天发表,相差无几,不存在抄袭情况,且双方都同意奖金对半分。
总奖金275,现在每人奖励138元
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表