topic Re: Format Date in InfoTemplate in ArcGIS JavaScript Maps SDK Questions

Format Date in InfoTemplate

BenSayers — Thu, 16 Sep 2010 14:48:38 GMT

Hello,
I am trying to get a date from a column in my attribute table for a feature layer, yet I can only get a number version, does anyone know how I can easily convert this into a proper date? Or retrieve a date in the first place?

This is what I am doing:
var wellContent = "Well Name: ${NAME} Spud Date: ${SPUD}";

This is an example of what I am getting returned:
636249600000

When the date in the attribute table is:
01/03/1990

Any ideas?

Re: Format Date in InfoTemplate

PatKeegan — Mon, 27 Dec 2010 17:18:15 GMT

Having the same issue....were you able to solve this?

Re: Format Date in InfoTemplate

KellyHutchins — Tue, 28 Dec 2010 15:21:38 GMT

At 2.2 we are making some changes to simplify this process but for now here's a sample that shows how to format the contents of an info window. This sample formats string values but could be modified to format numeric or date values.

http://help.arcgis.com/EN/webapi/jav...nfowindow.html

For date formatting you can use dojo.date.locale.format, the 'Page through records in a table' sample uses this to format date values:
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/fl_paging.html

Re: Format Date in InfoTemplate

PatKeegan — Thu, 30 Dec 2010 16:43:27 GMT

Thanks Kelly,

The 1st link did not work and I was not able to determine which example you were referencing.

Also, I could not embed dojo.date.locale.format in the infoTemplate....any advice?

 infoTemplate = new esri.InfoTemplate();
 infoTemplate.setTitle("Information");
 infoTemplate.setContent("Incident Type: ${IncidentCategory}<hr>"
+ "Date: ${DATE_} "
+ "Location: ${LOCATION} "
+ "Description: ${PROBLEM} "
+ "Incident ID: ${CASE__}");
 map.infoWindow.resize(245,125);

Re: Format Date in InfoTemplate

KellyHutchins — Sat, 11 Dec 2021 10:18:11 GMT

The sample is in the Feature Layer folder and is called 'Format Info Window', here's the link again hopefully it'll work this time:

http://help.arcgis.com/EN/webapi/javascript/arcgis/demos/fl/fl_infowindow.html

You can't directly format the dates in the info window at this release, you have to listen for the layer's click event and format the contents of the info window there. At version 2.2 this will no longer be necessary.

 dojo.connect(featureLayer, 'onClick', function(e) {

          /*some of the values have a quote in the name - remove that then split the string

          to separate the common and scientific names. */

          var attr = e.graphic.attributes.qSpecies.replace('"', "").split("::");

          //if the common name isn't included display the scientific name instead. 

          var commonName = dojo.string.trim((attr[1] === "") ? attr[0] : attr[1]);

          //wikipedia uses the genus_species so build that value to append to wikipedia url 

          var scientificName = dojo.string.substitute("${0}_${1}", attr[0].split(" "));

          

          //populate the info window

          map.infoWindow.setTitle(e.graphic.attributes.qAddress);

          map.infoWindow.setContent("<b>" + commonName + "</b><br /><a target='_blank' href=http://en.wikipedia.org/wiki/" + scientificName + ">Wikipedia Entry</a>");

          map.infoWindow.show(e.screenPoint, map.getInfoWindowAnchor(e.screenPoint));

        });

Re: Format Date in InfoTemplate

DanMcCoy — Mon, 19 Mar 2012 20:45:57 GMT

Kelly,

There's some help associated with the new date format functionality available since 2.2
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_formatinfowindow.htm

... but what's not clear is whether or not a feature layer is required (rather than just a ArcGISDynamicMapServiceLayer). All of the samples I've found that use the new formating options reference feature layers.

I have a bunch of old code that uses querytasks/graphics to display the attributes in the infowindow which has been broken since the REST date/time format changed at AGS 10. I've tried udating my JSAPI version to 2.7, and adding the formating info (i.e. "${EVENT_DATE:DateString}", "${EVENT_DATE:DateFormat}", etc.) with no luck. I'm wondering if I need to recode everything to use feature layers to get the date working again...?

Thanks,

Dan