problem to hen i edit #jsgrid date format changed

Question

$(function () { $.ajax({ type: GET url: /Test/GetMerchant }).done(function (data) { //$(#leftMenu).hide(); var MyDateField = function (config) { jsGrid.Field.call(this config); }; MyDateField.prototype = new jsGrid.Field({ sorter: function (date1 date2) { return new Date(date1) - new Date(date2); } itemTemplate: function (value) { debugger if (value == ) return ; else { var date = new Date(value).toDateString(MM/dd/yyyy) //return new Date(value).toDateString(); return value; } } insertTemplate: function (value) { debugger return this._insertPicker = $( ).datepicker({ defaultDate: new Date() }); } editTemplate: function (value) { debugger return this._editPicker = $( ).datepicker().datepicker(setDate new Date(value)); } insertValue: function () { debugger if (this._insertPicker.datepicker(getDate) != null) return this._insertPicker.datepicker(getDate); //.toISOString(MM/dd/yyyy) else return this._insertPicker.datepicker(getDate); } editValue: function () { debugger if (this._editPicker.datepicker(getDate) != null) { //var RDAte = this._editPicker.datepicker(getDate); //.toISOString(MM/dd/yyyy) //var newdate = RDAte.toLocaleDateString('en-US') //var d = new Date(newdate) //month = '' + (d.getMonth() + 1) //day = '' + d.getDate() //year = d.getFullYear(); //if (month.length //if (day.length ////var df = [month day year].join('/'); //return [month day year].join('/'); return this._editPicker.datepicker(getDate); } //return this._editPicker.datepicker(getDate).toISOString(); else //var RDAte = this._editPicker.datepicker(getDate); //.toISOString(MM/dd/yyyy) //var newdate = RDAte.toLocaleDateString('en-US') //var d = new Date(newdate) //month = '' + (d.getMonth() + 1) //day = '' + d.getDate() //year = d.getFullYear(); //if (month.length //if (day.length ////var df = [month day year].join('/'); //return [month day year].join('/'); //return this._editPicker = df; return this._editPicker.datepicker(getDate); } }); jsGrid.fields.myDateField = MyDateField; $(#jsGrid).jsGrid({ height: 50% width: 100% filtering: true editing: true inserting: true sorting: true paging: true autoload: true pageSize: 12 pageButtonCount: 5 //pageLoading: true deleteConfirm: Do you really want to delete the merchandise? controller: db fields: [ { type: control } { name: Source type: text width: 120 title: Vendor } { name: Description type: text width: 210 validate: { message: Description is required! validator: function (value) { return value != ; } } } { name: ModelNumber type: text width: 120 title: Model#/Item } { name: SKU type: text width: 90 } { name: SKU2 type: text width: 90 } { name: Comments type: text width: 200 } { name: strReceiveDate type: myDateField width: 80 align: center title: Received } { name: Location type: select items: data.loc valueField: LocationID textField: Description width: 100 } { name: Barcode width: 80 } { name: BarcodePrinted type: checkbox title: Barcode Printed sorting: false } { name: strLastUpdatedDate type: myDateField width: 80 title: Last Updated } { name: DamageCode type: select items: data.dam valueField: CodeID textField: CodeValue title: Damage } { name: strCreatedDate type: myDateField width: 80 title: Created Date } { name: strShipDate type: myDateField myCustomProperty: bar width: 80 title: Ship Date } { name: strConsumeDate type: myDateField myCustomProperty: bar width: 80 title: Consume Date } { name: PendingShipment type: checkbox title: Pending sorting: false width: 60 } { name: Donated type: checkbox title: Is Donated sorting: false width: 60 } { name: ReturnRequested type: checkbox title: Return Requested sorting: false } { name: ReturnTo type: text width: 150 title: Return To } { name: Quantity type: number width: 50 title: Qty } { name: GroupName type: text width: 150 title: Group Name } { name: CustomerID width: 100 title: Customer ID } ] }); }); }); this is my full code and when i edit #jsGrid then date save by default (Thu Jun 09 2011 00:00:00 GMT+0530 (India Standard Time)) format but i need 07/06/2016 this format