easyui，是否可编辑，是否显示秒，悬浮内容

最新推荐文章于 2022-10-14 08:49:32 发布

weixin_30455067

最新推荐文章于 2022-10-14 08:49:32 发布

阅读量110

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/paomoshi/p/5382883.html

版权

1.
<input type="text" name="" id="" class = "easyui-datetimebox" required="true" editable="false" data-options = "showSeconds:true"/>

editable:是否可编辑

showSeconds：是否显示秒


2.
鼠标移上去显示悬浮内容
       columns: [[
 {field: 'datetime', title: '22', width: 60,styler: function(value,row,index){
return 'background-color:#ffffff;'; //更改背景颜色
 },formatter: function(value, row, index) {
var abValue = value;
if (value.length>=22) {
abValue = value.substring(0,19) + "...";
 }
var content = '<div title="' + value + '" class="note">' + value + '</div>';
return content;
 }


 }
 ]],
 onLoadSuccess: function () {
$(tid).datagrid('clearSelections');
$(".note").tooltip(
 {
onShow: function(){
$(this).tooltip('tip').css({
width:'200',
backgroundColor: '#eff0f3',
boxShadow: '1px 1px 3px #292929'
 });
 }
 }
 );
 }