Displaying the system’s date and time

With Justinmind, you can display the system’s date and time in your prototype.

How to display date and time

Follow the next steps below to display the system’s date and time in your prototype:

1. In a new mobile prototype, drag two Text widgets to the canvas and place them one below the other in the center of the canvas.
   • 
2. Select the top Text element and go to the Events palette.
   • Click “Add Event” and add an “On Page Load” + “Set Value” event, selecting the top Text element.
   • Below, click the “Calculated” button and then the “Add Expression” link. The expression builder will appear.
3. Drag the “System Time” Constant to the term in the Conditional expression and click “OK” twice.
   • 
4. Back in the canvas, select the bottom Text element and go to the Events palette.
   • Click “Add Event” and add an “On Page Load” + “Set Value” event, selecting the bottom Text element.
   • Below, click the “Calculated” button and then the “Add Expression” link. The expression builder will appear.
5. Drag the “System Date” Constant to the term in the Conditional expression and click “OK” twice.
   • 
6. Click “Simulate” to see the system’s time and date displayed in your prototype.

You can download our example here.