easyui行文本编辑，日期编辑

var fields="id,sn,name,ownerName,startDate,finishDate,taskLevel";
$(function() {
	var taskIds = $("#taskIds").val();
	$('#dg').datagrid({
		idField : 'id',
		title:'计划变更',
		url:'xxxxxxController.do?datagrid&taskIds='+taskIds+"&field="+fields,
		fit : true,
		onClickCell:onClickCell,
		columns:[[
		          	{field:'id',title:'id',hidden:true},
		          	{field:'sn',title:'编码',width:120,sortable:false},
		          	{field:'name',title:'名称',width:120,sortable:false},
		          	{field:'ownerName',title:'负责人',width:120,sortable:false},
		          	{field:'startDate',title:'计划开始日期',width:120,sortable:false,formatter:formatDate},
		          	{field:'finishDate',title:'计划结束日期',width:120,sortable:false,formatter:formatDate},
		          	{field:'changeFinish',title:'变更后结束日期',width:120,sortable:false,formatter:formatDate,editor:'datebox',required:true},
		          	{field:'taskLevel',title:'级别',width:60,sortable:false},
		          	{field:'reason',title:'变更原因',width:120,editor:'text',required:true}
		]]
	});
});

function formatDate(value){
	return new Date().format('yyyy-MM-dd',value);
}
var editIndex = undefined;  
function onClickCell(index, field) {  
    if (endEditing()) {  
        $('#dg').datagrid('selectRow', index)  
                .datagrid('editCell', { index: index, field: field });  
        editIndex = index;  
    }  
}  
function endEditing() {  
    if (editIndex == undefined) { return true }  
    if ($('#dg').datagrid('validateRow', editIndex)) {  
        $('#dg').datagrid('endEdit', editIndex);  
        editIndex = undefined;  
        return true;  
    } else {  
        return false;  
    }  
}  
$.extend($.fn.datagrid.methods, {  
    editCell: function (jq, param) {  
        return jq.each(function () {  
            var opts = $(this).datagrid('options');  
            var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields'));  
            for (var i = 0; i < fields.length; i++) {  
                var col = $(this).datagrid('getColumnOption', fields[i]);  
                col.editor1 = col.editor;  
                if (fields[i] != param.field) {  
                    col.editor = null;  
                }  
            }  
            $(this).datagrid('beginEdit', param.index);  
            for (var i = 0; i < fields.length; i++) {  
                var col = $(this).datagrid('getColumnOption', fields[i]);  
                col.editor = col.editor1;  
            }  
        });  
    }  
});  

上面是js

下面是jsp

<table style="width:100%"   id="dg"></table>