Displaying the system’s date and time

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

displaying time date

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.
    • two text widgets
  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.
    • system time constant
  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.
    • system date constant
  6. Click “Simulate” to see the system’s time and date displayed in your prototype.

You can download our example here.