Liquid UI - WS Reference Library

Add a calendar date picker to inputfield


Prerequisites


Purpose

Two very useful options available for the inputfield command are “numerical” and “date”. The “numerical” option restricts the user from entering any letters into the field. The “date” option makes the F4 key bring up a calendar for the search help. These options are helpful in cutting down invalid input when the fields are meant only for numerical values or more specifically, dates.


User Interface

Navigate to VA01 screen. Select the searchhelp option of the inputfield to open a calender. You can select the date from the calender instead of entering the date manually in the inputfield.



Liquid UI Script

//SAPMV45A.E0101.sjs

// For this inputfield, the numerical and date options will be set to true
inputfield([0,0],"Enter today's date:",[0,22],{"size":10,"name":"z_current_date", "numerical":true,"date":true});

Was this information helpful? Send Feedback