Formatting Date Variables

Another Javascript option would be to use the JS Date object:

1. Create a Captivate variable. For this example it is named, myDate
2. Next create a text caption, select the insert variable button, and choose the myDate var
3. Then select Execute JavaScript from the On Enter drop down and add the following JS (including the Captivate cpAPIInterface function call to set the value of myDate to the value of the today var):

const today = new Date().toLocaleDateString('en-us', { year:"numeric", month:"short", day:"numeric"}) ;

window.cpAPIInterface.setVariableValue("myDate", today);

There are certainly other ways to do it using JS, but that was one I'm familiar with...

You could use JavaScript to convert the month number from the system variable to its name using an array. Just checked this out, using v_month as user variable to store the month name. I am sure the JS experts have much better solutions, but you'll have to wait. Here is my experiment:

const monthNames = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
const monthNumber = window.cpAPIInterface.getVariableValue("cpInfoCurrentMonth");
window.cpAPIInterface.setVariableValue("v_month", monthNames[monthNumber - 1]);

You'll use the concatenation:

$$v_month$$ $$cpInfoCurrentDate$$ , $$cpInfoCurrentYear$$

As for the Localestring variable: it may display differently depending on the setup of the system date on the learner's system.