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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

DateTimePicker in ejGrid Batch Mode does not work as expected

Thread ID:





119168 May 17,2015 10:47 PM UTC May 19,2015 10:44 AM UTC JavaScript 2
Tags: ejGrid
Jimmy Toenners
Asked On May 17, 2015 10:47 PM UTC

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 }






Ragavee U S [Syncfusion]
Replied On 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

Ragavee U S [Syncfusion]
Replied On 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


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon