nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Dynamic Date in Text box not based on data

kmsmikrud

Hi,

I am new to Experience Builder and would like the current local date to appear in a text box. The idea is the map displays current survey day results for surveys and then another page displays all surveys, so the '3/2/2021' would update dynamically each day.

Is there a way to accomplish this? I'm not seeing an option since its not directly linked to selected data.

Thanks in advance,

Kathy

Finde mehr Beiträge mit dem Tag

ArcGIS Online

Accepted answers

DavidMartinez

Hi Kathy,

You could use the embed widget and use code to show the current local date of the client browser. For example, something like this:

<!DOCTYPE html>
<html>
<style>
body {
font-family: Avenir Next;
}
</style>
<body>
<p id="t1" style="color:rgb(230, 107, 0); "></p>
<script>

let today = new Date();

let date = (today.getMonth()+1)+'-'+today.getDate()+'-'+today.getFullYear();

document.getElementById("t1").innerHTML = date;
</script>
</body>
</html>

Hope this helps.

Cheers,

David

All comments

OliviaMancuso

I'd be interested in this solution, however, when I plug the script into the embed widget, nothing happens. The widget just displays the HTML code itself. The Esri help documentation only talks about embedding with code for iframes. Am I doing something wrong in the embed widget, or did some functionality get removed to restrict what code can be used with this widget?

SolanaFoo2

Hey David,

I'm unable to get the font to stay in Avenir Next:

I switched it to black but besides that haven't changed anything else.

Thanks!

kmsmikrud

Hi @DavidMartinez ,

I just tried the embed and your code above. It worked, amazing!! Thank-you so much!!!

DavidMartinez

Hi Kathy,

You could use the embed widget and use code to show the current local date of the client browser. For example, something like this:

<!DOCTYPE html>
<html>
<style>
body {
font-family: Avenir Next;
}
</style>
<body>
<p id="t1" style="color:rgb(230, 107, 0); "></p>
<script>

let today = new Date();

let date = (today.getMonth()+1)+'-'+today.getDate()+'-'+today.getFullYear();

document.getElementById("t1").innerHTML = date;
</script>
</body>
</html>

Hope this helps.

Cheers,

David

kmsmikrud

Hi David,

Yes to show the current local date of the client browser. I think this would be fine. The associated map will hopefully be showing survey data for the local day.

I appreciate any ideas you might have. I'm trying to figure out the best way for the associated map to also have a dynamic date filter on the layers too to only be showing data from local date and in our case AK time zone.

Thanks much,

Kathy

DavidMartinez

Hi Kathy,

So in a text box, you just want it to show the current local date of the client browser?

David

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.