How can I format a date within a InfoWindow for a Graphics Layer?

CraigPatterson

I have a GraphicLayer that I build using a QueryTask. One of the attributes is a date field. When the InfoWindow for this layer is rendered, it displays the date in Epoch or Unix format, IE, -297512519. I've tried various solutions for formatting the date in the InfoTemplate. Here are a couple of them:

${PRINT_DATE:DateFormat(selector:'date')}

${PRINT_DATE:DateFormat(datePattern:'MM/dd/yyyy.', selector:'date')}

With a custom function. This works in formatting my DataGrid. I've tried to embed this inline into the InfoTemplate

${PRINT_DATE:formatDate}

function formatDate(datum){

     if (datum){

          var d = new Date(datum);

          return dojo.date.format(d, {

               selector:'date',

               datePattern: 'MM/dd/yyyy'

          }

     }

     return;

}

Any suggestions?

Thanks,

Craig

CraigPatterson

Hi Robert,

Thanks so much for replying. I actually had tried your proposed solution previously without luck. I did find a solution though. I found this old thread and based my solution on it, InfoWindow formatting​  I also used code from this site, Epoch Date Conversion - JSFiddle.

In case anyone else runs into a similar issue, here's what I did.

var docInfoTemplate = new InfoTemplate();
  docInfoTemplate.setTitle(generateInfoTitle);
  docInfoTemplate.setContent(generateInfoContent);


//creates string for info tag  
function generateInfoContent(graphic){  
  var formatString = "<b>Bar Code:</b>" + graphic.attributes.BARCODE 
  + "<br/><b>File Number</b>: " + graphic.attributes.FILENUMBER 
  + "<br/><b>Date: </b>" + formatDateInfoWindow(graphic.attributes.PRINT_DATE) 
  + "<br/><b>System</b>: " + graphic.attributes.SYSREF;   
                 
  return formatString;   
}

function generateInfoTitle(graphic){
  var formatString = "<b>File Number</b>: " + graphic.attributes.FILENUMBER;

function formatDateInfoWindow(value){
  formattedValue = "";
  if(value){
  var dateVal = "/Date("+ value + ")/";
  var date = new Date(parseFloat(dateVal.substr(6)));
  formattedValue = date.getMonth() + "/" + date.getDate() + "/" + date.getFullYear();
  }
  return formattedValue;
}
  return formatString;
}

Craig