title: IE 11 showing invalid date and chrome/firefox shows correct dates
body: <p>I am testing the <a href="https://jsfiddle.net/moLzuy7k/7/" rel="nofollow noreferrer">following JSFiddle</a> code that shows valid date in chrome and firefox and invalid date in IE 11. </p>
  
  <p>Here's my Javascript code from the fiddle:</p>
  
  <pre><code>    var data = [
      { name: 'A', date: '07/15/2014 05:00:00.0',des:'This is for A' },
      { name: 'A', date: '08/16/2016 06:00:00.0',des:'This is for 2A' },
      { name: 'A', date: '07/15/2015 07:00:00.0',des:'This is for 3A' },
      { name: 'B', date: '07/15/2016 07:00:00.0',des:'This is for B' },
      { name: 'B', date: '08/16/2016 07:00:00.0',des:'This is for 2B' },
      { name: 'B', date: '09/15/2016 07:00:00.0',des:'This is for 3B' },
      { name: 'C', date: '08/15/2015 07:00:00.0',des:'This is for C' },
      { name: 'D', date: '12/15/2015 07:00:00.0',des:'This is for D' },
      { name: 'E', date: '11/15/2015 07:00:00.0' ,des:'This is for E'}
  ];
  
  var cl = function (s) { console.log(s); }
  
  var isUsedKey = function (arrayOfObject, key)
  {
      for (var i = 0; i &lt; arrayOfObject.length; i += 1)
      {
          if (arrayOfObject[i].key == key)
          {
              return true;
          }
      }
  
      return false;
  };
  
  var array = [];
  var object = {};
  for (var i = 0; i &lt; data.length; i++)
  {
      if (i == 0)
      {
          var newItem = {};
          newItem.key = data[i].name;
          newItem.dates = [data[i].date];
          newItem.description = data[i].des;
          array.push(newItem);
      } else
      {
          var item = data[i];
          var itemName = item.name;
          var itemDate = item.date;
          var itemDesc = item.des;
  
          if (isUsedKey(array, itemName))
          {
              for (var j = 0; j &lt; array.length; j++)
              {
                  if (array[j].key == itemName)
                  {
                      var index = array[j].dates.length;
                      array[j].dates[index] = itemDate;
                  }
              }
          } else
          {
              var nextNewItem = {};
              nextNewItem.key = itemName;
              nextNewItem.dates = [itemDate];
              nextNewItem.description = itemDesc;
              array.push(nextNewItem);
          }
      }
  }
  
  var newSource = {
      localdata: array,
      datafields: [{
          name: 'name',
          type: 'string',
          map: 'key'
      }, {
          name: 'date',
          type: 'date',
          map: 'dates&gt;0'
  
      },
      {
          name: 'des',
          type: 'string',
          map: 'description'
      }  
      ],
      datatype: "array"
  };
  var newAdapter = new $.jqx.dataAdapter(newSource);
  console.log(newAdapter);
  
  // Adding for dropdown icon
  
  var iconrenderer = function (row, columnfield, value, defaulthtml, columnproperties) {
  
                  console.log("Test for Date Values");
                  console.log(value);
  
  
                  return '&lt;span style="position: relative; width: 100%; margin: 4px; float: ' + columnproperties.cellsalign + ';"&gt;' + value + '&lt;img src="https://www.jqwidgets.com/public/jqwidgets/styles/images/icon-down.png" style="position: absolute; right: 5px;" /&gt;&lt;/span&gt;';
  
  
              }
  
  $("#jqxgrid").jqxGrid({
      source: newAdapter,
      editable: true,
      columns: [
      {
          text: 'Name',
          datafield: 'name',
          editable: false,
          width: 100,
          height: 100
      }, 
  
      {
          text: 'Date',
          datafield: 'date',
          cellsformat: 'd',
          columntype: 'combobox',
          width: 200,
          height: 200,
          cellsrenderer: iconrenderer,
          createeditor: function (row, column, editor)
          {
              var info = $('#jqxgrid').jqxGrid('getrowdata', row);
              var groupName = info.name;
              var dates = [];
              for (var i = 0; i &lt; array.length; i++)
              {
                  if (array[i].key == groupName)
                  {
                      dates = array[i].dates;
                  }
              }
  
              editor.jqxComboBox({ autoDropDownHeight: true, source: dates, promptText: "Please Choose:" });
          },
          initeditor: function (row, column, editor)
          {
              var info = $('#jqxgrid').jqxGrid('getrowdata', row);
              var groupName = info.name;
              var dates = [];
              for (var i = 0; i &lt; array.length; i++)
              {
                  if (array[i].key == groupName)
                  {
                      dates = array[i].dates;
                  }
              }
  
              editor.jqxComboBox({
                  autoDropDownHeight: true,
                  source: dates,
                  promptText: "Previous Dates:",
                  renderer: function (index_, label_, value_)
                  {
                      var formattedDate = "";
                      //if (!isEmpty(value_)) {
                      var dateObject = new Date(value_);
                      formattedDate = (dateObject.getMonth() + 1) + "/" + dateObject.getDate() + "/" + dateObject.getFullYear();
                      //}
                      return formattedDate;
                  },
                  renderSelectedItem: function (index, item)
                  {
                      var records = editor.jqxComboBox('getItems');
                      var currentRecord = records[index].label;
                      var formattedDate = "";
                      //if (!isEmpty(value_)) {
                      var dateObject = new Date(currentRecord);
                      formattedDate = (dateObject.getMonth() + 1) + "/" + dateObject.getDate() + "/" + dateObject.getFullYear();
                      //}
                      return formattedDate;
                  }
              });
          },
          cellvaluechanging: function (row, column, columntype, oldvalue, newvalue)
          {
              // return the old value, if the new value is empty.
              if (newvalue == "") return oldvalue;
          },
  
      },
      {
          text: 'Description',
          datafield: 'des',
          editable: false,
          width: 100,
          height: 100
      }   
  
  
      ],
  });
  </code></pre>
  
  <p>Here's my CSS code from Fiddle: </p>
  
  <pre><code>body {  width: 100%; height: 100%; }
  </code></pre>
  
  <p>Here's my HTML code from the Fiddle:</p>
  
  <pre><code>&lt;div id='jqxWidget'&gt;
      &lt;div id="jqxgrid"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Problem Description:</strong> </p>
  
  <p>I added two console logs at the following location in the above code :</p>
  
  <pre><code>var iconrenderer = function (row, columnfield, value, defaulthtml, columnproperties) {
  
                  console.log("Test for Date Values");
                  console.log(value);
  
  
                  return '&lt;span style="position: relative; width: 100%; margin: 4px; float: ' + columnproperties.cellsalign + ';"&gt;' + value + '&lt;img src="https://www.jqwidgets.com/public/jqwidgets/styles/images/icon-down.png" style="position: absolute; right: 5px;" /&gt;&lt;/span&gt;';
  </code></pre>
  
  <p>Internet Explorer 11 (in the console log) is displaying today's date for some reason which is incorrect as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/RUaXO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RUaXO.png" alt="enter image description here"></a></p>
  
  <p>Chrome and Firefox displays correct date as mentioned in the Fiddle. Here is screenshot from the chrome:</p>
  
  <p><a href="https://i.stack.imgur.com/weRwh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/weRwh.png" alt="enter image description here"></a></p>
  
  <p>Could anyone tell me how can I fix IE date related issue in my JSFiddle code ? </p>