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.
Unfortunately, activation email could not send to your email. Please try again.

DateTimePicker in ejGrid Batch Mode does not work as expected

Thread ID:





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

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 12:51 AM

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 06:44 AM

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.

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.