We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

DateTimePicker in ejGrid Batch Mode does not work as expected

I get the following error: An unhandled exception ('ejDatePicker: methods/properties can be accessed only after plugin creation ...

Changing ej.Grid.EditingType.DateTimePicker to ej.Grid.EditingType.DatePicker works as expected.

Below the code that gives an error when you click the datetime column to edit an entry:


<div class="content-container-fluid">

<div class="row">

<div class="cols-sample-area">

<div id="Grid"></div>




<script type="text/javascript">

$(function () {


// the datasource "window.gridData" is referred from jsondata.min.js

dataSource: window.gridData,

allowPaging: true,

editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true, editMode: "batch" },

toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] },

columns: [

{ field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, validationRules: { required: true, number: true }, width: 85 },

{ field: "CustomerID", headerText: 'Customer ID', validationRules: { required: true, minlength: 3 }, width: 90, editType: ej.Grid.EditingType.String },

{ field: "OrderDate", headerText: 'Order Date', width: 100, editType: ej.Grid.EditingType.DateTimePicker, format: "{0:MM/dd/yyyy hh:mm:ss}", validationRules: { date: true }},

{ field: "EmployeeID", headerText: 'Employee ID', textAlign: ej.TextAlign.Right, width: 80, validationRules: { number: true } },

{ field: "Freight", headerText: 'Freight', textAlign: ej.TextAlign.Right, editType: ej.Grid.EditingType.Numeric, editParams: { decimalPlaces: 2 }, validationRules: { range: [0, 1000] }, width: 80, format: "{0:c2}" },

{ field: "ShipCity", headerText: 'Ship City', width: 100, editType: ej.Grid.EditingType.Dropdown, },

{ field: "Verified", headerText: 'Verified', width: 90, editType: ej.Grid.EditingType.Boolean }






2 Replies

RU Ragavee U S Syncfusion Team May 18, 2015 04:51 AM UTC

Hi Jimmy,

We considered the requirement “Script error is thrown with DateTimePicker in BatchEdit Mode” as a bug. We have logged a defect report on this and the fix for this issue will be included in Volume 2, 2015 release, which has been scheduled to be rolled out at the end of June 2015.
Please get back to us if you need any further assistance.

Ragavee U S

RU Ragavee U S Syncfusion Team May 19, 2015 10:44 AM UTC

Hi Jimmy,

Please ignore our previous response.

We considered this query “Script error is thrown with DateTimePicker in BatchEdit Mode” as a bug and a support incident has been created under your account to track the status of this issue. Please log on to our support website to check for further updates.

Please get back to us if you need any further assistance.

Ragavee U S

Live Chat Icon For mobile
Up arrow icon