Forum Discussion
Javascript variable / Current Date
Hello, Can someone give me the javascript to display the current date by using a variable? It is similar to the below javascript but I need it to display the date numerically like "06/20/2023"
var options = {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }; var date = new Date().toLocaleTimeString('en-us', options); var player = GetPlayer(); player.SetVar("SystemDate",date);
- ChrisRiley-8c05Community Member
Hi Greg,
You'll want to follow these steps to get the date to show up:
1) Create a Text Variable called todaysDate in Storyline to store the data.2) Add a text box to the slide with
%todaysDate%
as the value. The percent signs indicate that this placeholder should be replaced with the actual value stored in the todaysDate variable. You can put that placeholder anywhere in a text box, it doesn't have to be by itself. So you could have a text box that saysToday's date is %todaysDate%
and it would fill in the placeholder with the Variable value. Note that capitalization is important here - if the Variable is called todaysDate then a placeholder like%todaysdate%
won't work.3) Create a trigger with "Execute JavaScript" as the action, then copy and paste Steve's Javascript code into the Javascript editor in Storyline. (The last line in Steve's code will set a different Variable called "month", so you don't really need it).
let currentTime = new Date();
let month = currentTime.getMonth() + 1;
let day = currentTime.getDate();
let year = currentTime.getFullYear();
// Putting it together
let dateString = month + "/" + day + "/" + year;
//Pushing data to Storyline
let player = GetPlayer();
player.SetVar("todaysDate", dateString);- GregGilbert-9f3Community Member
HI Chris - This worked perfectly! Thank you so much! Greg
- JoeDey-e8a30180Community Member
- JoeDey-e8a30180Community Member
Hi Tina, try the attached to see if that helps you.
Edit: I have deleted the old template and replaced with the updated template below.
- MaureenMatsumotCommunity Member
Hi Joe,
Thank you for the storytemplate above. I used it and it works, however, I am unable to get a zero to appear in front of the two-digit month. Is there something I am missing? For example, today's date must appear as 05/19/2024 and it shows 5/19/2024.
Thanks for your help!
Maureen
- ChrisRiley-8c05Community Member
Hi Steve,
You can control the format by adjusting which options you set and what values you provide for them. For example, this set of options will give you 2 digits for the month, 2 digits for the day, and 4 digits for the year:
var options = {month:"2-digit", day:"2-digit", year:"numeric"};var date = new Date().toLocaleDateString("en-us", options);You can also skip the options entirely to get numeric values for all three (e.g., "6/20/2023"):
var date = new Date().toLocaleDateString("en-us"); - SteveMarlow-0fcCommunity Member
I found this solution. Thanks.
%todaysDate%
let currentTime = new Date();
let month = currentTime.getMonth() + 1;
let day = currentTime.getDate();
let year = currentTime.getFullYear();
// Putting it together
let dateString = month + "/" + day + "/" + year;
//Pushing data to Storyline
let player = GetPlayer();
player.SetVar("todaysDate", dateString);
player.SetVar("month", month); - ChrisRiley-8c05Community Member
That's a great solution, too!
- GregGilbert-9f3Community Member
Hey. Never used JS before, but just want to show today's date on a certificate slide. Do I create a text box with %todaysdate%? Then, how do I use the JS to make it work? Thanks.
- XaxiaCastroCommunity Member
You are amazing! thanks!!!!
- TinaGlynn-59324Community Member
This is really close to what I'm looking for, but I need the output to be a 2-digit month, 2-digit day, and 4-digit year with dashes instead of /. For example: 03-06-2024.
- MaureenMatsumotCommunity Member
Joe,
WOW! THANK YOU! Thank you for your quick reply and your solution. It worked perfectly.
I created a software simulation and wanted it to look "real." Now, it does, thanks to your help.
Thanks again!
Maureen