jquery easy UI 自定义Editor日期控件(日期控件用的my97 date)

先看看最终效果：

代码如下：

1.columns中的代码：

{field : 'deliveryDate',title : '交货日期',width : 145,resizable:false,align : 'center',editor:{type:'datetimebox'}

其中需要说明的是：type中的datetimebox就是自定义的editor日期控件名称，往后边看。

2.自定义日期控件代码：

function datetimebox() {$.extend($.fn.datagrid.defaults.editors, {datetimebox : {//datetimebox就是你要自定义editor的名称 init : function(container, options) {var input = $('<input class="Wdate">').appendTo(container);return input;},getValue : function(target) {return $(target).val();},setValue : function(target, value) {$(target).val(value);},resize : function(target, width) {var input = $(target);if ($.boxModel == true) {input.width(width- (input.outerWidth() - input.width()));} else {input.width(width);}}}});}

其中，Wdate就是my97date开源日期控件的样式。

3.这时候定义好了，怎么加载？如何绑定事件？看下边：

toolbar:[{text:'添加货品记录',iconCls:'icon-add',handler:function(){$('#purchaseOrder').datagrid('endEdit', lastIndex);$('#purchaseOrder').datagrid('appendRow',{productNo:'',brandName:'',standard:'',amount:'',unitPrice:'',subtotal:'',deliveryDate:''});lastIndex = $('#purchaseOrder').datagrid('getRows').length-1;$('#purchaseOrder').datagrid('selectRow', lastIndex);$('#purchaseOrder').datagrid('beginEdit', lastIndex);// 给自定义日期控件绑定事件var editors = $('#purchaseOrder').datagrid('getEditors', lastIndex);var date = editors[6];date.target.bind('click',function() {var dateStr = WdatePicker({dateFmt:'yyyy-MM-dd'});});}}

我是在添加一行的时候出发日期控件的onclick事件，WdatePicker({dateFmt:'yyyy-MM-dd'})方法就是打开my97date日期控件的方法。触发的时候因情况和需要而定，希望对大家有用。
 
	
				
	
					   
jquery easy UI 自定义Editor日期控件(日期控件用的my97 date)
	  	   
天易30----jquery easy UI 自定义Editor日期控件(日期控件用的my97 date)
	  	   
my97日期控件的使用
	  	   
My97日期控件My97 DatePicker
	  	   
My97 DatePicker  日期控件
	  	   
My97日期控件
	  	   
My97日期控件
	  	   
My97 DatePicker日期控件
	  	   
My97日期控件
	  	   
My97日期控件
	  	   
日期控件 my97
	  	   
my97日期控件
	  	   
My97日期控件
	  	   
my97日期控件
	  	   
my97日期控件和jQuery中的Ajax
	  	   
日期控件My97的时间限制
	  	   
日期控件My97 DatePicker 的使用
	  	   
做最好的日期控件,My97 DatePicker
	     		  
	  	   
java.lang.NullPointerException at org.apache.jsp.index_jsp._jspInit(index_jsp.ja
	  	   
android 简单服务实现
	  	   
UVA 10033
	  	   
手机随想
	  	   
Linux中文乱码解决办法
	  	   
jquery easy UI 自定义Editor日期控件(日期控件用的my97 date)
	  	   
七夕恋歌
	  	   
Android ListView常用用法
	  	   
软件测试：原理与实践(英文版)
	  	   
IE6下链接onclick事件处理中的请求被aborted
	  	   
Swing与AWT的区别与共同点
	  	   
Android 小项目之--Mini音乐播放器【简单版】（附源码）
	  	   
Win7安装Scala 2.9.2
	  	   
数组解决约瑟夫环问题