Hi there, I have created a certificate looking slide at the end of my course. I have added in variables for the learners name, their score achieved, I am just missing the date variable to be populated automatically. I have followed the guide on the link below however it has not worked when I have tested it in a clients LMS (SABA). https://vimeo.com/145579723 I was just wondering if anyone could offer any assistance on this matter?

Hi Mitzi, follow the steps below and you should be able to show the date Create a text variable called 'SystemDate' Create a text box for reference to the variable 'SystemDate' Add a trigger - execute Javascript when timeline starts the certificate looking slide Copy and paste the code below in the Script coloumn var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");var today = new Date();var dd = today.getDate();var mm = today.getMonth();var yyyy = today.getFullYear();if(dd<10) { dd='0'+dd } var date= m_names[mm]+' '+dd+', '+yyyy;var player = GetPlayer();player.SetVar("SystemDate",date);

Thanks for stepping in, Joanne, with your scripting super skillz :)

I tried to use this, but the value of the textbox was a blank space. I have a blank slide with a textbox containing the text"= %system_date%" was a blank space. This is the first time I tried using JavaScript in Storyline. don't know why it's not working. Any help would be appreciated.

Hi John, Did you publish and upload to your web server or LMS? Testing Javascript locally is one of the known causes for it to not work, and you may want to take a look at the information here in regards to the Javascript best practices as it's not something our team can offer support for.

Hi Ashley, Thank you for the additional info. Very helpful! I had published -- the problem was a typo. I edited the JavaScript as follows so I could extract the current year which we need for a new corporate standard. var currentTime = new Date()var month = currentTime.getMonth() + 1var day = currentTime.getDate()var year = currentTime.getFullYear()var dateString=month + "/" + day + "/" + yearvar player = GetPlayer();player.SetVar("SystemDate",dateString);player.SetVar("month",month);player.SetVar("day",day);player.SetVar("year",year); Thank you, John

How to insert current date variable into a "customised certificate slide".

TomasCampoma312
Community Member
6 months ago
This was totally helpful! From 7 years in the future, thanks Joanne.
SammSchmidt
Community Member
2 years ago
I copied Joanne's code from above and created a trigger:

var m_names = new Array("January", "February", "March",
"April", "May", "June", "July", "August", "September",
"October", "November", "December");
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth();
var yyyy = today.getFullYear();
if(dd<10) { dd='0'+dd }
var date= m_names[mm]+' '+dd+', '+yyyy;
var player = GetPlayer();
player.SetVar("SystemDate",date);

and added the text variable SystemDate (I even tried it with a different variable and updated the code accordingly) I set up my trigger to execute the javascript when the timeline starts on this slide, I have a text box with %SystemDate% and I am not able to see the date print on the slide when in Review360. Is this a known bug or is there an issue with my above code? I know zero javascript so I am at a loss for what Is going wrong here.
- Jürgen_Schoene_
  Community Member
  2 years ago
  no - nothing special for Review 360
  
  here is a working example (with modern Javascript)
  
  player = GetPlayer();
  
  var date = new Intl.DateTimeFormat('en-us', {
  year: "numeric",
  month: "long",
  day: "numeric"
  }).format();
  
  player.SetVar("SystemDate", date);
  
  result:
  
  https://360.articulate.com/review/content/6166e558-462b-4a16-a506-0ecb1d507221/review
  SystemDate.story103 KB
  - SammSchmidt
    Community Member
    2 years ago
    thanks got it working!
WaltHamilton
Super Hero
3 years ago
For this to work, SL needs to have a variable named SystemDate. Then %SystemDate% will show the contents of the SystemDate variable. Be sure to use a text box, and not a text entry box, or the learner will be able to change it.

After it is created, %SystemDate% can be inserted with Insert -> Reference, or you can just type it in, but that is vulnerable to not working if typed incorrectly.
JasonHanger
Community Member
3 years ago
I could not get this to work. What should be in the text box? I cannot have a blank text box. I tried "SystemDate" and "= %system_date%" as placeholder text but nothing worked.
WilliStolz-29f0
Community Member
3 years ago
Thank you Joanne Chen and others!
MartinMaynard-1
Community Member
4 years ago
Got a challenge for you...

Can you do this system date code plus three days?

I am needing "today's" date to be displayed, plus the date 3 days after "today's"

Is this possible?
- LaraBeltran-6c0
  Community Member
  3 years ago
  
  Martin Maynard
  
  Got a challenge for you...
  
  Can you do this system date code plus three days?
  
  I am needing "today's" date to be displayed, plus the date 3 days after "today's"
  
  Is this possible?
  
  I have the same problem right now. I hope there was an answer for this.
  - DuaneStitt-8471
    Community Member
    2 years ago
    Thank you, Chat GPT. Here is the javascript for showing the date three days in the future.
    
    var m_names = new Array("January", "February", "March",
    "April", "May", "June", "July", "August", "September",
    "October", "November", "December");
    var today = new Date();
    today.setDate(today.getDate() + 3); // Add three days
    var dd = today.getDate();
    var mm = today.getMonth();
    var yyyy = today.getFullYear();
    if (dd < 10) { dd = '0' + dd; }
    var date = m_names[mm] + ' ' + dd + ', ' + yyyy;var player = GetPlayer();
    player.SetVar("SystemDate", date);
- LaraBeltran-6c0
  Community Member
  3 years ago
  I have the same problem right now. I hope there was an answer for this.
ScottByers-246f
Community Member
4 years ago
Thanks, Dwayne! It's a mystery how everyone else already knew this.
DwayneSchamp-15
Community Member
4 years ago
using the above code:

You'll need to add the variable SystemDate to your course. Then insert a textbox on the slide, and enter:

%SystemDate%

This will allow the SetVar to send the "date" information to your course.

The %<varname>% tells SL that this is a variable reference. You can also use the Insert->Reference item in the tool bar, and then use the variable dialog box to select the variable.

HTH
ScottByers-246f
Community Member
4 years ago
How do I tie the variable to the text box? That is, how do I make the date appear in the box?
AudreyHind
Community Member
4 years ago
Hi there my date is comes up as false. have i missed a set?