(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实例化,也可以通过代码实例化
<input class=
"easyui-my97"
type=
"text"
>
<input id="my97" type="text" name="">
$('#my97').my97(options);
相关推荐
使用Jquery EasyUI制作的日历,单击input控件弹出日历选择日期,代码很简单,仅供参考
EasyUI图表插件Highcharts源码Demo(Java)
基于easyui做的一套管理系统 基于easyui做的一套管理系统
花了一天时间实现的基于easyui的多人选择插件,是一个dailog
因为easyui本身的一些功能使用起来比较繁琐,代码使用起来不便于管理,所以写了这个插件,能有效的精简代码,并且使代码更易于管理,其中也包含了一些我自己扩展的函数,包括时间日期格式化函数,字符串formatter...
easyui.js插件, <script type="text/javascript" src="/js/easyui.js"> <script type="text/javascript" src="/js/easyui-lang-zh_CN.js"></script>
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。
包含Easyui的常用图标和扩展图标库,全部是png格式,扩展图标的使用与正常图标相同
自定义扩展组件,日期,数据表格视图,window弹窗自定义,dialog等
jquery easyUI JS库和API 附加日期控件库My97DatePickerBeta.zip
基于EasyUI的仓库管理系统
jquery easyui的压缩包,以及easyui的一些拓展插件包,包括Portal(制作图表、列表、球形图等),数据网格视图(DataGrid View),可编辑的数据网格(Editable DataGrid),表格编辑单元格(Cell Editing in ...
两种扩展方式,自己看情况选择,重写的分页属性。
非常好看的易用的easyui tabs 右键插件,自己两行代码就搞定
EasyUi图标扩展样式大全(1700个),在用EasyUI做项目是发现自带的Icon图标太少,而且不是很美观。于是就有了下面的东西,很全的EasyUI图标.
基于easyui的OA系统,是个模板框架,我博客里有预览,
基于easyui的文档管理系统springmvc+mybaits实现,有详细的设计过程以及数据库设计文档等,并且可以直接运行使用,具体可以查看介绍https://my.oschina.net/u/3500033/blog/1828156
该登录页面是基于EasyUI前台框架,提供字段校验,覆盖正常的登录页面的内容项,可以再次基础上进行扩展。
easyui分页插件,分页插件传递查询参数,和返回之后执行的方法
基于easyui 框架 通过读取json 文件 实现三联动效果,index3.html 是基于jQuery 通过读取json 文件实现省市区三联动效果, index4.html是基于easyui 框架 实现的省市区三联动效果