Stadium
  • Home
  • Academy
  • How it works
    • Designer
    • Application Manager
    • Application users and roles
    • Designing applications
    • User API
  • Features
    • Application
    • Create a Form
    • Embedded Files
    • Events
    • Expression Editor
    • Pages
    • Preview
    • Publish
    • Scripts and Event Handlers
    • Session Variables
    • Settings
    • Styles
    • StyleSheet
    • Templates
    • Types
    • Validations Cheat Sheet
  • Connectors
    • Database Connector
    • File System Connector
    • Web Service Connector
  • Controls
    • Button
    • Chart
    • Checkbox
    • Checkbox List
    • Container
    • Data Grid
    • Date Picker
    • Drop Down
    • Flexbox
    • Grid
    • Image
    • Label
    • Link
    • Menu
    • Panel
    • Radio Button List
    • Repeater
    • Table
    • Text Box
    • Upload File
  • Actions
    • Async
    • Call Web Service
    • Decision (If/Else)
    • Display Message Box
    • Download File
    • For Each
    • Java Script
    • Navigate To Page
    • Notification
    • Set Value
    • Variable
    • While
  • Release Notes
    • 6.12.3272
    • 6.12.3270
    • 6.12.3268
    • 6.12.3264
    • 6.11.3223
    • 6.11.3221
    • 6.11.3220
    • 6.11.3218
    • 6.11.3210
    • 6.10.3155
    • 6.10.3151
    • 6.9.3102
    • 6.8.3100
    • 6.7.3096
    • 6.6.3082
    • 6.6.3081
    • 6.6.3080
    • 6.6.3075
    • 6.5.3055
    • 6.4.3036
    • 6.4.3034
    • 6.4.3033
    • 6.3.3019
    • 6.2.2999
    • 6.2.3001
    • 6.1.2990
    • 6.0.2972
    • 6.0.2970
    • 6.0.2969
Powered by GitBook
On this page
  • Properties
  • Assigning data to a DatePicker
  • Retrieving data from a DatePicker
  • Events

Was this helpful?

  1. Controls

Date Picker

PreviousData GridNextDrop Down

Last updated 1 month ago

Was this helpful?

Date Picker generates a jquery date control with some tweaks. Select a date from the calendar control or enter it using the keyboard.



Properties

  1. Date

    This Date will be shown in the date picker when the field loads. Assign a string in the format yyyy/MM/dd, a JavaScript date or Day.js date to this property.

  2. Hint

    Some placeholder text that will show when the date picker is empty.

  3. Read-Only

    Set to True if you want the control to display as read-only (value can't be changed) on the page.

  4. Show Current Date

    Display the current date by default

  5. Validations

    List of validations to apply to the input

  6. Visible

    Set to False if you don't want this control to render on the page and be visible to the user.


Assigning data to a DatePicker

Example:

To display a DatePicker control containing a specific date value retrieved by a SQL query:


Retrieving data from a DatePicker

Use the Date property of the DatePicker inside of a script to return the currently selected date as a Day.js object.


Events

  1. Change

    An event that triggers when another date is selected.

    Event Input Parameters:

    1. PreviousDate The date that was selected before selecting the new date.

    2. SelectedDate The newly selected date.

Use an appropriate , e.g. Load (page) or Click (button) to which a action can be added.

Add a action to assign the date value from the query to the DatePicker's Date property.

Event
SetValue
SetValue
Add a Date Picker