extjs中gridpanl中使用日期控件

extjs中gridpan在编辑的时候，如果使用的是日期控件，就会出一些问题，比如如下的代码中，按照一般的方式书写

  var celledit=Ext.create("Ext.grid.plugin.CellEditing",{
            clicksToEdit:1
            });

            Ext.define("UserModel",{
            extend:"Ext.data.Model",
            fields:[{
                           name:"username",type:"string"
                     },{
                         name:"birthday",type:"date"
                   }]
            });

            var userstore=Ext.create("Ext.data.Store",{
            model:"UserModel",
             data:[{ username:"展博", birthday:"1986-06-23" }]
            });

            var grid=Ext.create("Ext.grid.Panel",{
            store:userstore,
            columnLines:true,
            width:580,
            title:"可编辑的日期", 
            renderTo:Ext.getBody(),
            viewConfig:{stripeRows:true},    
            columns:[Ext.create("Ext.grid.RowNumberer"),
            {
              text:"姓名",
              dataIndex:"username",
              width:80,
              editor:{
              xtype:"textfield"
              }
            },{
              text:"生日",
              dataIndex:"birthday",
              width:450,
              editor:{
                          xtype:"datefield"
               }
            }],
            plugins:celledit
            });