日期控件输入时,出现小弹框提示格式

鼠标点击日期控件里面,出现小提示框,提醒格式!image.png

FineReport KevinOne 发布于 2020-11-26 15:53
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
朝赟丶Lv6初级互助
发布于2020-11-26 16:06

可以的,参考这个文档:

JS实现对控件点击显示或悬浮显示自定义内容- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

在这个控件里加点击事件:添加JS代码

//注:JS 中,"dadfafasfsalakj<br />kalfasjdkfsafkjasfas" 为提示内容,格式通过 CSS 修改,见代码注释,请根据需要修改使用。
setTimeout(function(){

$("[widgetname='LABEL0']").click(function(e){
var x = 10;
var y = 20;
//设置自定义内容,内容格式可以自行设置,如给添加换行、空格、表格,设置框架等
var z = "dadfafasfsalakj<br />kalfasjdkfsafkjasfas" 
//每次点击控件前删除上次点击出现的内容,防止多次点击内容叠加,导致页面出错
$("#preview").remove();
$("body").append("<div id='preview'>"+z+"</div>");//弹出一个div放置内容
//修改div的样式,可以根据需要,设置内边距,背景,边框,圆角,字号,字体,字色等样式
$("#preview")
.css("position","absolute")
.css("z-index","9999999")
.css("left",(e.pageX + x + 'px')) //调整div出现的水平方向位置
.css("top",(e.pageY - y + 'px'))  //调整div出现的垂直方向位置
.css("padding","4px")
.css("border","1px solid pink")
.css("border-radius","4px")
.css("background-color","skyblue")
.css("font-size","14px")
.css("font-famliy","微软雅黑")
.css("color","blue")
e.stopPropagation(); //阻止冒泡事件
});

//点击body其他部移除元素div,防止点击其他部位,出现自定义提示
$("body").click(function(e){
$("#preview").remove();
})

},100);


最佳回答
0
ekDanLv6初级互助
发布于2020-11-26 16:05

没见过这种有小提示框的,不过你可以尝试一下在控件中加上水印

image.png

  • 3关注人数
  • 570浏览人数
  • 最后回答于:2020-11-26 16:06
    请选择关闭问题的原因
    确定 取消
    返回顶部