How to convert geojson time field (currently in ISO-8601 date format) to be esri js usable?

RossMcCandless

Hi,

 

I'm using esri's javascript api to make a web map. Below you can see the popup template I'm trying to create for my geojson layer. Unfortunately, the dateFormat: "dayShortMonthYearLongTime" component isn't working because the geojson file is storing the date in ISO-8601 date format. Is there anyway to modify the geojson date field so that dateFormat: "dayShortMonthYearLongTime" works?

Note: the geojson file is https://opendata.arcgis.com/datasets/4af7c514f77b48db93ce0d0649a31aa9_0.geojson 

 

const currentClosuresTemplate = {

      title: "Current Road Closure Info",

      content: "Street Closed: {STREET_NAME} <br> Closed until: {DATE_TO}",

      fieldInfos: [

      {

            fieldName: "DATE_TO",

            format: {

            dateFormat: "dayShortMonthYearLongTime"

      }

}

]

}

kenbuja

You're correct. It looks like it's expecting the time to be in Epoch time format. I was able to get it formatted using a content function

<SPAN class="keyword token">const</SPAN> currentClosuresTemplate <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
  title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Current Road Closure Info"</SPAN><SPAN class="punctuation token">,</SPAN>
  content<SPAN class="punctuation token">:</SPAN> formatContent<SPAN class="punctuation token">,</SPAN>
  outFields<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"*"</SPAN><SPAN class="punctuation token">]</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">function</SPAN> <SPAN class="token function">formatContent</SPAN><SPAN class="punctuation token">(</SPAN>feature<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="keyword token">let</SPAN> street_name <SPAN class="operator token">=</SPAN> feature<SPAN class="punctuation token">.</SPAN>graphic<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">.</SPAN>STREET_NAME<SPAN class="punctuation token">;</SPAN>
  <SPAN class="keyword token">let</SPAN> date_to <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Date</SPAN><SPAN class="punctuation token">(</SPAN>feature<SPAN class="punctuation token">.</SPAN>graphic<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">.</SPAN>DATE_TO<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
  <SPAN class="keyword token">return</SPAN> street_name <SPAN class="operator token">+</SPAN> <SPAN class="string token">"<br>  Closed until "</SPAN> <SPAN class="operator token">+</SPAN> date_to<SPAN class="punctuation token">.</SPAN><SPAN class="token function">toLocaleString</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Note that you have to specify outFields in 4.12 when using a function.