topic Re: Convert date field to legible date in ArcGIS JavaScript Maps SDK Questions

Convert date field to legible date

MKF62 — Sat, 11 Dec 2021 07:16:17 GMT

I'm having trouble extracting the year from my date fields, mostly because it gets reformatted into that weird integer that doesn't look like a date. How do you get this type of integer to look like a date: 1518566400000

I tried using the Date constructor but I don't think I'm using it right (or maybe I can't use it for this purpose at all?). Date | API Reference | ArcGIS API for JavaScript 4.6

My code queries features, and for each feature I want to extract the year from the observation date to put into a select HTML element (drop-down menu). This is the code I have:

//Get all the years in which data was collected
function getYears(response){
  var features = response.features;
  //Put date of each feature into an array
  var values = features.map(function(feature){
    var obsvDate = feature.attributes.ObsvDate; //this is the weird integer
    //Do something here to change the date to a legible format
    //...
    //...
    return myLegibleDate;
  });
 return values;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I've attempted something as simple as

var obsvDate = new Date(feature.attributes.ObsvDate);‍

But when I try to print obsvDate to the console -- console.log(obsvDate) -- to see what it looks like, nothing prints. Total javascript newbie so it's possible I'm just doing something stupid.

Re: Convert date field to legible date

SarojThapa1 — Mon, 26 Mar 2018 18:08:26 GMT

Hi Molley,

Check this blog. Hopefully it helps you.

ArcGIS JavaScript Hack: Fixing Dates from ArcGIS Server

Re: Convert date field to legible date

KenBuja — Sat, 11 Dec 2021 07:16:19 GMT

Here's how to use JavaScript Date in one of the JS samples to show the formatted date. A note about the getMonth. It returns a number 0-11, so you have to add 1 to it to get the expected month.

var date = new Date(features[i].attributes.date_evt);
console.log(date);
console.log(date.getMonth() + 1 + ' ' + date.getDate() + ' ' + date.getFullYear());‍‍‍

Re: Convert date field to legible date

SteveCole — Mon, 26 Mar 2018 18:53:31 GMT

The only thing I'll add to what's been previously mentioned is that you should make sure to check the results in all the browsers you anticipate having to support for your application. Dates & Javascript across different browsers can be a bit of a challenge and I've had correct results in Chrome but Internet Explorer produce incorrect results.

Steve