topic Re: Dateformat on infowindow in ArcGIS JavaScript Maps SDK Questions

Dateformat on infowindow

EvelynHernandez — Sat, 11 Dec 2021 19:05:25 GMT

Hello, I have the following question.

How can i set up a dateformat for a infowindow? Right now my problem is the infowindow is showing a incorrect timezone, (-3 hr to my current timezone), so i need to fix it.

Here is my code:

let chInfoTemp= new InfoTemplate();
 chInfoTemp.setTitle("<b>Current:</b>");
 
 let chInfoContent =
 "<div style=padding-top: 10px;><b>Starting: </b> ${initial_date:DateFormat(datePattern:'d MMMM yyyy, HH:mm:ss.', selector:'date')}<br></div>"+
 "<div style=padding-top: 10px;><b>Final:</b> ${er:DateFormat(datePattern:'d MMMM yyyy, HH:mm:ss.', selector:'date')}<br></div>";
 chInfoTemp.setContent(chInfoContent);
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Thanks in advice!

Re: Dateformat on infowindow

RobertScheitlin__GISP — Fri, 26 Jan 2018 13:36:44 GMT

Evelyn,

There is a setting in ArcGIS Server manger that will help for this:

Re: Dateformat on infowindow

EvelynHernandez — Fri, 26 Jan 2018 13:39:57 GMT

Oh im going to try that, thanks

Re: Dateformat on infowindow

EvelynHernandez — Fri, 26 Jan 2018 13:42:08 GMT

Oh wait, mine doesnt have that option!

Re: Dateformat on infowindow

RobertScheitlin__GISP — Fri, 26 Jan 2018 13:43:20 GMT

Evelyn,

Then you are running an older ArcGIS Server.

Re: Dateformat on infowindow

EvelynHernandez — Fri, 26 Jan 2018 13:45:42 GMT

So there is another option to do that?

Re: Dateformat on infowindow

RobertScheitlin__GISP — Fri, 26 Jan 2018 13:52:53 GMT

See these threads:

Specify TimeZone for popups/attributes in arcgisonline maps

Feature service date field is a day off

Re: Dateformat on infowindow

EvelynHernandez — Fri, 26 Jan 2018 14:01:42 GMT

Thanks im going to look at it

Re: Dateformat on infowindow

DavidColey — Sat, 11 Dec 2021 19:05:28 GMT

Hi Evelyn, here's something we used back at 3.14:

convertDate = function (jsDate){
       //console.log(jsDate);
       var myDate = locale.format(new Date(Math.abs(jsDate + 14400000)),{
             selector: "date",
             datePattern: 'MMMM d, yyyy'
         });
      //console.log(Math.abs(jsDate + 14400000));
       return myDate;
 };‍‍‍‍‍‍‍‍‍

Then in my popup template description I'd just set the function:

var popup = new PopupTemplate({
       title: "My Title",
       description: "<b>Account:</b> {ACCOUNT}" +
          "<br><b>Date:</b> {SomeDate:converDate}"
 });‍‍‍‍‍

The constant value you see is for EST, so you'll have to play with that to get your time zone.

Re: Dateformat on infowindow

EvelynHernandez — Sat, 11 Dec 2021 19:05:31 GMT

14400000 is 4 hrs?
Im right now in gmt -3 , and another thing i want to ask you is u are using dojo.locale, right?

Right now im not using popuptemplate, im using infotemplate, so the code that i have is the following.

var convertDate = (jsDate) =>{
 console.log(jsDate);
 var myDate = locale.format(new Date(Math.abs(jsDate + 108000000)),{
 selector: "date",
 datePattern: 'd/MMMM/yyyy HH:MM:SS'
 });
 console.log(Math.abs(jsDate + 14400000));
 return myDate;
 };‍‍‍‍‍‍‍‍‍

let chqInfoContent =
 "<div style=padding-top: 10px;><b>Time  </b> ${initialDate:convertDate}<br></div>"+
 "<div style=padding-top: 10px;><b>ETR:</b> ${ETR:convertDate}<br></div>";‍‍‍

And the resolution that i have is showing me the infoWindowin milliseconds.

Thanks for ur help!!

Re: Dateformat on infowindow

DavidColey — Thu, 01 Feb 2018 19:36:44 GMT

I think so yes, I believe at the time we were accounting for EDT vs GMT and yes I think we required

"dojo/date/locale" aliased as locale

Re: Dateformat on infowindow

EvelynHernandez — Thu, 01 Feb 2018 19:41:35 GMT

Right now if i dont place a dateFormat, they will show the correct datetime on the infoTemplate each time i click a feature. The thing is the format is in English, and i really need to have it in Spanish and in this way : d/MM/yyyy HH:MM:ss.

Do u know any fix for that? Because when i use the dateFormatter like this example:

${Date_:DateFormat(datePattern:'d/MM/yyyy HH:MM:ss', selector:'date')}

It will change the format to the desired one in spanish, but it will drop -3hrs to the current date.

Re: Dateformat on infowindow

DavidColey — Thu, 01 Feb 2018 19:46:57 GMT

I don't, but I'd say go into the dojoToolkit:

dojo/date/locale::format() — The Dojo Toolkit - Reference Guide

and see what you can come up with

Re: Dateformat on infowindow

EvelynHernandez — Thu, 01 Feb 2018 19:52:11 GMT

Yea i read all of those already and i have tried but nothing came out of that XD

Re: Dateformat on infowindow

DavidColey — Thu, 01 Feb 2018 19:58:37 GMT

yeah sorry i don't how to account for that then, there's probably a way to set the constant value to account for that but i don't know what that would be