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);
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");
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.
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 says Today'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);
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.
9 Replies
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:
You can also skip the options entirely to get numeric values for all three (e.g., "6/20/2023"):
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);
That's a great solution, too!
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.
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).
HI Chris - This worked perfectly! Thank you so much! Greg
You are amazing! thanks!!!!
This post was removed by the author
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.
Hi Tina, try the attached to see if that helps you.