Justinmind

SUPPORT

Learn how to prototype web and mobile apps

How to display the current date and time in your interactive prototypes


Display the current date and time in your interactive prototypes using the Expressions builder, with the help of this tutorial.

You can download an example here.

Follow the next steps:

1. In a new prototype, drag two Text widgets onto the canvas. 

2. Select the first Text widget and go to the Events tab. Add an ‘On page load’ + ‘Set value’ event, select the Text widget and select the ‘Calculated’ button next to the input field ‘value is’.

3. The expression builder will show up. From the Constants tab, drag the constant ‘System date‘ to the expression and click OK twice.

Display current time and date in your interactive prototypes

4. Select the other Text and follow step 2 and 3 again, but instead of ‘System date’ drag ‘System time’.

And that’s it! You can now click on ‘Simulate’ and see time and date displayed in your interactive prototype!

Next tutorial > Increment and decrement the value of an input field in your interactive prototypes