FR日期控件JS怎么改变该控件的格式

FineReport AlvinY 发布于 2023-8-4 13:56

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

最佳回答

用户k6280494Lv6资深互助
发布于2023-8-4 13:58（编辑于 2023-8-4 14:02）

多弄两个日期控件，用js控制显示那个不行嘛

https://help.fanruan.com/finereport/doc-view-408.html

动画1.gif

举报收起评论(2)

AlvinY(提问者) 方法可行，界面有跳动的感觉不友好

2023-08-04 15:42

用户k6280494 回复 AlvinY(提问者) 只有这种方式哦，js改不到格式

2023-08-04 15:45

CD20160914Lv8专家互助
发布于2023-8-4 13:58（编辑于 2023-8-4 15:46）

引用css文件

---------------

控件样式.rar

----------------------

setTimeout(function() {

$('.fr-trigger-btn-up').css('background','#2E8377');//这个是日期框右边的那个颜色

$('.fr-trigger-btn-up').css('border-radius','3px');//这个是日期框右边的圆角

$('.fr-trigger-text.fr-border-box').css('border-radius','3px');//日期框的圆角

$('.fr-trigger-text.fr-border-box').css('border','1px solid #74e164')//日期框的线和颜色

$('.fr-trigger-texteditor').css('color','#E91E63')//日期框里面字体的颜色

$('.fr-trigger-texteditor').css('color','#673AB7')

}, 500);

举报收起评论(5)

AlvinY(提问者) 是格式不是样式哦

2023-08-04 15:41

CD20160914 回复 AlvinY(提问者) 你要改成什么格式？你截图说一下？

2023-08-04 15:46

CD20160914 回复 AlvinY(提问者) 类似上面这样展示？？

2023-08-04 15:46

AlvinY(提问者) 回复 CD20160914 比如原来是 ‘2023/08/11’改成‘2023/08/11 08’（通过JS或者其他方式）

2023-08-04 15:52

CD20160914 回复 AlvinY(提问者) 你后面的08是如何来的？

2023-08-04 15:53

LTC朝Lv6高级互助
发布于2023-8-4 14:06（编辑于 2023-8-4 15:45）

setTimeout(function(){

//设置下拉、下拉复选、日期控件圆角

$('.fr-trigger-text').css('border-radius', '8px 0 0 8px');

$('.fr-trigger-btn-up').css('border-radius', '0 8px 8px 0');

$('.fr-trigger-btn-up').css('background', 'none');

$('.fr-trigger-text').css('border', 'none');

$('.fr-trigger-text').css('border-left', '1px solid #9E9E9E');

$('.fr-trigger-text').css('border-top', '1px solid #9E9E9E');

$('.fr-trigger-text').css('border-bottom', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-top', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-bottom', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-right', '1px solid #9E9E9E');

$('.fr-date-trigger-center').css('width', '0');

$('.fr-date-trigger-center').css('heifht', '0');

$('.fr-date-trigger-center').css('padding-left', '16px');

$('.fr-trigger-btn-up').css('background', '#ffffff');

$('.fr-date-trigger-center').css('background', "url('/webroot/decision/view/report?id=__ImageCache__21BBDC475B0A7D01ABB426020862D9F3&cache=true&op=fr_attach&cmd=ah_image') no-repeat 0 0");//自己找一个日历图标图片的地址替换这里的地址，我这个图片删除了，所以就空白了

},10)

---------------------------------------------------------------------------------------

样式如下