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

Cannot read property 'offsetLeft' of undefined when specifying TimeZone

Thread ID:





133035 Oct 5,2017 08:30 AM UTC Oct 6,2017 04:46 AM UTC JavaScript 1
Tags: ejSchedule
Jason Russell
Asked On October 5, 2017 08:30 AM UTC

I'm getting an error printed in the console and my appointment is not appearing

VM1937:17 Uncaught TypeError: Cannot read property 'offsetLeft' of undefined
    at a (http://cdn.syncfusion.com/
    at Object._highlightCurrentTime (http://cdn.syncfusion.com/
    at Object._renderCommon (http://cdn.syncfusion.com/
    at Object._renderInitSchedule (http://cdn.syncfusion.com/
    at Object._init (http://cdn.syncfusion.com/
    at new <anonymous> (http://cdn.syncfusion.com/
    at n.fn.init.n.fn.(anonymous function) [as ejSchedule] (http://cdn.syncfusion.com/
    at HTMLDocument.<anonymous> (<anonymous>:17:29)
    at j (http://cdn.syncfusion.com/js/assets/external/jquery-2.1.4.min.js:2:26925)
    at Object.fireWith [as resolveWith] (http://cdn.syncfusion.com/js/assets/external/jquery-2.1.4.min.js:2:27738)

My datasource has times in UTC
I'm trying to display them in my timezone: Sydney, Australia UTC +10 (+ 1 DST)
My computer time is the same as above

Here's a simple example where I can repeat the error:

    <div class="content-container-fluid">
        <div class="row">
            <div class="cols-sample-area">
                <div id="Schedule1"></div>
    <script type="text/javascript">

        $(function () {

          var AppointmentList = [
                  Id: 1230, 
                  Subject: "Appointment1", 
                  AllDay: false, 
                  StartTime: new Date("2017-10-02T02:30:00Z"),
                  STZ: "UTC +11:00",
                  EndTime: new Date("2017-10-02T03:30:00Z"),
                  ETZ: "UTC +11:00"
                prioritySettings: { enable: true },
                appointmentSettings: {
                    dataSource: AppointmentList,
                    id: "Id",
                    startTime: "StartTime",
                    endTime: "EndTime",
                    subject: "Subject",
                    startTimeZone: "STZ",
                    endTimeZone: "ETZ"


Karthigeyan Krishnamurthi [Syncfusion]
Replied On October 6, 2017 04:46 AM UTC

Hi Jason,  
Thank you for contacting Syncfusion support. 
Current time indicator is not rendered correctly in your time zone which is the cause for the issue. This known issue is fixed in latest version and for the same we have prepared the below sample for your reference. 
Note: In version, setting showCurrentTimeIndicator to false will prevent the script error.  


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