在easyui的datagrid扩展方法中添加这样的时间日期(datetimebox)代码块
放在 $.extend($.fn.datagrid.defaults.editors,{datetimebox...}方法下
$.extend($.fn.datagrid.defaults.editors, { label: { init: function (container, options) { var input = $(\'<div></div>\').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 = $(\'<input type="text" class="easyui-datetimebox">\') .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\'}这样的写法了
<th field="BirthDate" sortable="true" align="center" width="150" editor="{type:\'datetimebox\',options:{required: true}}" formatter="com.formatTime">出生日期</th>
效果如下图:
Ps:
参考来源网址: http://blog.csdn.net/leiyong0326/article/details/41942955