About DateField
The DateField component is for receiving date and time input. It is similar to the Calendar component, but it incorporates Material Design elements and can accept time as well as date.
Usage examples
The Date Pickers component of Material Design can be used in environments where the page size is limited, such as mobile devices, to efficiently expose label information and select the desired date.
For more information about the Date Pickers component in Material Design, click the link below.
Using DateField
To use the DateField component, you need to add it to TypeDefinition.
1
In the Project Explorer, double-click [TypeDefinition > Objects].
2
In Modules, expand MobileComp.json.
3
Click the [+] icon next to nexacro.DateField to add the DateField component to the Objects list.
Selecting Only the Time
The DateField component can be set to receive inputs of date, time, or both, depending on the inputtype property.
Example
Instead of a popup calendar, a popup window for selecting the time will open.
sample_edit_01_01
Core features used in the example
- inputtype
The format of the popup window will vary depending on the value selected.
How to implement an example
1
Place a DateField component on the page.
2
Change the value of the inputtype property of the DateField component to "time."
3
Launch QuickView (Ctrl + F6) to enter the time into the DateField component.