- Datepicker

Datepicker

This feature will open an interactive calendar in a small overlay once you click on the calendar icon when you are in the edit record screen of your running Operation. This date picker is powered by JQuery date picker and additional usage information can be found here:http://jqueryui.com/datepicker/

Note: This feature is used on DATE fields only.

Set Datepicker

Go into the field descriptor manager by either clicking on the field descriptor icon in the running application, or through the WOW Builder.

Once you are in the field descriptor manager in WOW, scroll down to the Display Component, which is under the Display Settings section and choose the Datepicker.

Then click the apply button.

Once you click the apply button, this text area with code will open up.

This section is where you are able to change the code if you want to manually.

Note: If you change the dateFormat so that it has more or less than two y’s, it will look like the following images below.

Once you are finished altering the code, if you desire to do so, click the Update button at the top.

Now, you can go to the running operation to view the date picker in action. To do so, click the calendar icon to open the Datepicker feature.

In this image, there are only 3 months chosen to be viewed and to scroll forward or back through different months or years, you can use the left and right arrows at the top left and right corner of the Datepicker. You can also set the date manually using the textbox which holds the date.

If you change the numberOfMonths to 5 instead of 3, as shown below, the results will look like this to the end user.

Note: It is best not to display more than 5 or 6 because the view is horizontal and once you try to use the horizontal scroll bar to view more months, it will close the Datepicker feature.

This shows how the months will be displayed and how you can display either one month, or a handful.

To set the date formatting please click here.