找回密码
 立即注册

QQ登录

只需一步,快速开始

7*24h

智能客服

电话咨询

售前咨询电话

400-811-8890转1

在线技术支持电话

400-811-8890转2

总裁办24H投诉

173-127-81526

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

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

8508955dec334eac66.png
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);
});
如下图:
1554055dec3e8c8d73.png
3. 预览效果

2845455dec417c7ec3.png

[/url]

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

查看全部评分

发表于 2015-8-31 15:31:40
7271255e402a55bf8a.png

使用道具 举报

发表于 2015-9-11 12:50:26
http://bbs.fanruan.com/thread-69834-1-1.html同一天写的,比街头这边略晚,但是相差无几,不存在抄袭现象。

使用道具 举报

发表于 2015-9-11 12:56:29
因为两个是同一天发表,相差无几,不存在抄袭情况,且双方都同意奖金对半分。
总奖金275,现在每人奖励138元

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

7回帖数 1关注人数 5178浏览人数
最后回复于:2015-9-11 12:56

Array ( [id] => 15 [code] => 4301 [product] => [title] => 帖子详情页右侧banner [demand] => 334px * 410px [img_url] => /uploads/20221130/a5a945484b6b33b0c02b2d25c9f98d17.jpeg [click_url] => https://t6ixa9nyl6.jiandaoyun.com/f/636dba41b1f199000aa435ef [status] => 1 [end_time] => 1670416257 [username] => Isaac [edit_time] => 1669811461 )

FineBI 6.0 强大好用,人人可用

联系社区管理员|联系帆软|《帆软社区协议》|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备18065767号-7 )

GMT+8, 2022-12-7 01:36 , Processed in 0.118162 second(s), 59 queries , Gzip On.

返回顶部 返回列表