Give us feedback
Web icon

Date Time Input Mask

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded on 17 May 2022 by 
 (0 ratings)

Date Time Input Mask

Date Time Input Mask uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format.
Read more

Add the MaskDateTime web block to your module and insert the Id of the input widget you want to apply the input mask to.

Format datetime input using MaskDateTime:

  • This datetime format is defined by setting the order of the day (dd), month (mm),  year (yyyy), hour(HH), minute (MM) and second(ss) and also by setting the separator between them. For example, dd/mm/yyyy HH:MM:ss and dd-mm-yyyy HH:MM:ss are valid date formats.
  • Note that you cannot use any other component/widget that works with DateTime and the MaskDateTime on the same date input, or you will get wrong and unexpected values.

There’s also an optional input parameter (KeepMask) that allows you to toggle between keeping the mask or not when the input data is send to the server. By default this parameter is set to False.

The input parameter AdvancedOptions is available in all web blocks, and here you can specify other options like clearMaskOnLostFocus, which allow you to show the mask even when the input element doesn’t have focus. You will find more information about this in the GitHub component documentation.

This component uses the 5.0.8-beta.20 version of the Robin Herbots Inputmask Plugin

Release notes (1.0.0)
Reviews (0)