Unfortunately that did not solve my problem..

Hello Ddally,

Please let me know if I can provide any further assistance regarding this matter.

Unfortunately your example is html, and my code uses MVC.  

Here is my console output in Chrome.  You will see below that the dates that were added for Fred and Jane were 1/1/2013 12:00 AM, It displays 1/1/2013 in the grid but when retrieved it is incorrect.

I have added some MVC code that demonstrates the problem

Here is the Data model I am using

using System;
using System.Runtime.Serialization;

namespace DateTestMVC.Models {
   [DataContract]
   public class DataModel {
      [DataMember] public string PatientListMembersID { get; set; }
      [DataMember] public string PatientLastName { get; set; }
      [DataMember] public string PatientFirstName { get; set; }
      [DataMember] public DateTime? PatientDateOfBirth { get; set; }

      public DataModel(string id, string first, string last, DateTime date) {
         PatientListMembersID = id;
         PatientFirstName = first;
         PatientLastName = last;
         PatientDateOfBirth = date;
     }
   }
}

Here is my Controller and the way the data is added.  

The first 2 items will display the correct date in the grid but consol.log will show the date as 12/31/2012.

public class DefaultController : Controller {    

   public ActionResult Index() {

         var members = new List<DataModel>();

         members.Add(new DataModel("1", "Fred", "Test", new DateTime(2013, 1, 1)));

         members.Add(new DataModel("2", "Jane", "Test", new DateTime(2013, 1, 1).ToUniversalTime()));

         members.Add(new DataModel("3", "Will", "Test", new DateTime(2013, 1, 1, 23, 0, 0)));

         return View(members.AsQueryable());

      }

   }

Here is my View

@using DateTestMVC.Models

@using Infragistics.Web.Mvc

@model IEnumerable<DataModel>

@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/jqueryui")

@Scripts.Render("~/bundles/infragistics.loader")

@(Html.Infragistics().Loader()

      .ScriptPath(Url.Content("~/Scripts/Infragistics/"))

      .CssPath(Url.Content("~/Content/Infragistics/"))

      .Resources("igCombo,igGrid.Filtering")

      .Theme("infragistics")

      .Render()

)

@{ ViewBag.Title = "Index"; }

<h2>Grid</h2>

<div>

   @(@Html.Infragistics().Grid<DataModel>()

          .ID("grid").PrimaryKey("PatientListMembersID")

          .LoadOnDemand(false).AutoGenerateColumns(false).AutoGenerateLayouts(false).EnableUTCDates(true)

          .EnableHoverStyles(true).RenderCheckboxes(true).LocalSchemaTransform(true).AutoCommit(true)

          .Columns(columns => {

             columns.For(x => x.PatientListMembersID).Hidden(true);

             columns.For(x => x.PatientLastName).Width("100").HeaderText("Last Name");

             columns.For(x => x.PatientFirstName).Width("100").HeaderText("First Name");

             columns.For(x => x.PatientDateOfBirth).DataType("date").Format("date").Width("100").HeaderText("DOB");

          })

          .Features(feature => {

             feature.Sorting().Mode(SortingMode.Single);

             feature.Selection().Mode(SelectionMode.Row).MultipleSelection(true);

             feature.RowSelectors().EnableCheckBoxes(true).EnableRowNumbering(false);

             feature.Resizing().AllowDoubleClickToResize(true);           

          })

          .DataSource(Model)

          .DataBind()

          .Width("400")

          .Height("500")

          .Render())

</div>

<script type="text/javascript" language="javascript">

   $.ig.loader(function () {

      var grid = $('#grid');

      if (grid) {

         var igGrid = grid.data("igGrid");

         var records = igGrid.dataSource.dataView();

         var recordCount = records.length;

         for (var idx = 0; idx < recordCount; idx++) {

            var record = records[idx];

            console.log(record.PatientFirstName, record.PatientDateOfBirth);

         }

      }

   });

</script>

Hello Ddally,

I have heard back from the development team that  Javascript Date objects are always created in the client's timezone, the Grid uses a formatter function to display them in UTC. So you can use the same function to get a string representing the Date in UTC

 $.ig.formatter($("#grid").data("igGrid").dataSource.dataView()[0].PatientDateOfBirth, "date", "dateTime", true, true); 

 I you use MVC databinding logic the server will send offsets for each DateTime object in the data source. These are present in the metadata property of the dataSource. 

 $("#grid").data("igGrid").dataSource._metadata

Please let me know if you have any further questions regarding this matter.

It seems that the grid should do this automatically. If I put a date into the grid and then ask the grid for the record I Expect the record to be accurate

It also does not work

Looks like for null dates it is adding &nbsp

It does spit out a date, it just spits out an invalid formatted date according the the javascript deserializer

Nevermind, it looks like the formatter will spit out a valid date