在easyui的datagrid扩展方法中添加这样的时间日期(datetimebox)代码块
放在 $.extend($.fn.datagrid.defaults.editors,{datetimebox...}方法下
$.extend($.fn.datagrid.defaults.editors, { label: { init: function (container, options) { var input = $(' ').appendTo(container); return input; }, destroy: function (target) { }, getValue: function (target) { return $(target).html(); }, setValue: function (target, value) { $(target).html(value); }, resize: function (target, width) { } }, //扩展dategrid的editors的类型 datetimebox: { init: function (container, options) { var input = $('') .appendTo(container); //编辑框延迟加载 window.setTimeout(function () { input.datetimebox($.extend({ editable: false }, options)); }, 10); return input; }, getValue: function (target) { return $(target).datetimebox('getValue'); }, setValue: function (target, value) { $(target).val(value); window.setTimeout(function () { $(target).datetimebox('setValue', value); }, 150); }, resize: function (target, width) { var input = $(target); if ($.boxModel == true) { input.width(width - (input.outerWidth() - input.width())); } else { input.width(width); } } } });
我是在label下加,找到这方法,在原先扩展下面追加一个datetimebox
页面上就可以使用editor={type='datetimebox'}这样的写法了
出生日期
效果如下图:
Ps:
参考来源网址: http://blog.csdn.net/leiyong0326/article/details/41942955