10版本,用JS修改日期下拉项的样式

image.png

FineReport web288235 发布于 2023-9-4 11:10
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
runnerLv7资深互助
发布于2023-9-4 11:33(编辑于 2023-9-4 11:51)

$('.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')

-----------

参考

FR日期控件JS怎么改变该控件的格式 - 我的帆软 (fanruan.com)

-----------

image.png

你看后面的那个链接里

  • web288235 web288235(提问者) 你这是修改日期框的吧,不是下拉的那个框的吧
    2023-09-04 11:48 
最佳回答
0
ID1208Lv6高级互助
发布于2023-9-4 11:55

para下点击事件

image.png

setTimeout(function() {

//时间控件

//头部

$(".fr-datepicker thead tr.mainhead td").css("background-color","red");

//中间主体

$(".fr-datepicker table").css("background-color","red");

//左侧

$(".fr-datepicker table td.wn").css("background-color","red");

//底部

$(".fr-datepicker tfoot tr.optbtns td.btn").css("background-color","red");

//选中项

//边框

$(".fr-datepicker tbody td.selected").css({"background":"none","border":"none","background-color":"green"});

}, 100);

  • 3关注人数
  • 226浏览人数
  • 最后回答于:2023-9-4 11:55
    请选择关闭问题的原因
    确定 取消
    返回顶部