(function ($) {
$.fn.my97 = function (options, params) {
if (typeof options == "string") {
return $.fn.my97.methods[options](this, params);
}
options = options || {};
if (!WdatePicker) {
alert("未引入My97js包!");
return;
}
return this.each(function () {
var data = $.data(this, "my97");
var newOptions;
if (data) {
newOptions = $.extend(data.options, options);
data.opts = newOptions;
} else {
newOptions = $.extend({}, $.fn.my97.defaults, $.fn.my97.parseOptions(this), options);
$.data(this, "my97", {
options : newOptions
});
}
$(this).addClass('Wdate').click(function () {
WdatePicker(newOptions);
});
});
};
$.fn.my97.methods = {
setValue : function (target, params) {
target.val(params);
},
getValue : function (target) {
return target.val();
},
clearValue : function (target) {
target.val('');
}
};
$.fn.my97.parseOptions = function (target) {
return $.extend({}, $.parser.parseOptions(target, ["el", "vel", "weekMethod", "lang", "skin", "dateFmt", "realDateFmt", "realTimeFmt", "realFullFmt", "minDate", "maxDate", "startDate", {
doubleCalendar : "boolean",
enableKeyboard : "boolean",
enableInputMask : "boolean",
autoUpdateOnChanged : "boolean",
firstDayOfWeek : "number",
isShowWeek : "boolean",
highLineWeekDay : "boolean",
isShowClear : "boolean",
isShowToday : "boolean",
isShowOthers : "boolean",
readOnly : "boolean",
errDealMode : "boolean",
autoPickDate : "boolean",
qsEnabled : "boolean",
autoShowQS : "boolean",
opposite : "boolean"
}
]));
};
$.fn.my97.defaults = {
dateFmt : 'yyyy-MM-dd HH:mm:ss'
};
$.parser.plugins.push('my97');
})(jQuery);
默认的用法和easyui的原生插件是一样的,可以通过class实例化,也可以通过代码实例化
1
<input class="easyui-my97" type="text">
1
<input id="my97" type="text" name="">
2
$('#my97').my97(options);
分享到:
相关推荐
支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js
Easyui的扩展datagrid-dnd.js,实现拖动datagrid行到其他数据表格的必要文件
easyUI页面datagrid动态列和form字段动态添加;项目开发时用到的,废了不少事,大概总了一下,现在发出来共享给想我一样的要用到的菜鸟们,谢谢
easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...
easyui-datagrid2-demo.zip
JS EasyUI DataGrid动态加载数据
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
列拖动=页面分页=更新单元格列值=添加列合计=列头添加提示(鼠标悬停显示文字)=编辑框键点击事件(暂时实现上下左右控件焦点移动)=设置DataGrid复制右键菜单 默认有复制功能
easyui的datagridview拓展。具体的使用方法看我的博文,网址https://mp.csdn.net/postedit/85068385
EasyUI DataGrid过滤用法实例
easyUI datagrid 自动调整行号大小
easyui-datagrid21-demo.zip
easyui1.4.5增加一个鼠标滑过行,注意是行不是列,然后弹出框显示某些关键信息,如经典的图片预览操作,内容提供demo,并附修改方法,这个方法是修改的源码,没有增加扩展实现,若愿意请自行实现
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也...之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
EasyUI的一些扩展使用:12_动态行编辑扩充代码,15_HQL模糊查询,16_combobox自动检索需要的条件...动态添加和删除toolbar的项,22_扩展方法使datagrid的列中能显示row中的对象里的属性,23_datagrid中行编辑器扩展实例