Forum Discussion

Nedim's avatar
Nedim
Community Member
9 months ago

Transform Your Text Entry Field into a Date Picker

A while ago, I was struggling with a history quiz where learners had to type in the date of a significant historical event. Although the required format was clearly stated in the instructions, many l...
storyline 360
KimGrovo's avatar
KimGrovo
Community Member
8 months ago

Hello, 

As someone who creates software training, I love the date picker. However, I am running into a couple of issues.   1) I cannot get the correct layer to appear and 2) I cannot get the date reset when it is wrong.  The correct date is 02/06/2025.  I tried over a dozen ways to fix including starting over.  

I have been working on it 3 days and not sure how to fix.   I recreated my issue in the attached file. Any help would be appreciated. 

Thank you,

Kim 

  • Nedim's avatar
    Nedim
    Community Member
    8 months ago

    Hi Kim

    1. Rename your "TextEntry" variable to "dateSelected"

    2. Delete ${index + 1} part. It should read setVar(`dateSelected`, dateStr);

     

    • KimGrovo's avatar
      KimGrovo
      Community Member
      8 months ago

      Thank you sooo much!  It works beautifully now. I have been messing with JS so much in the last few weeks it kind of overwhelmed me. I appreciate your set of eyes to find the problem.   Using your help & the new JavaScript capability I easily got the reset to work when the try again is selected.  

      Thank you!  I will be using this data picker a lot!

      Kim