Created on 28 December 2015
icon_unfollowing
Login to follow
datedropper

Datedropper

Stable version 4.0.0 (Compatible with OutSystems 11)
Other versions available for 10 and Older
Uploaded on 06 January 2021 by 
datedropper

Datedropper

Details
The smallest and powerful jQuery UI datepicker.
Read more

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

FEATURES

default-date (default: currdate()) This option offers the possibility to set a starting date. Please note that you must follow this specific format (mm-dd-yyyy) to allow the matching to recognize month, day and year. disabled-days (default: null) This option offers the possibility to set a string of disabled days. So, separate all days by comma and the picker will convert them into an array. Please note that you must follow this specific format (mm/dd/yyyy) to allow the matching to recognize month, day and year. format (default: m-d-Y) The date format the picker will write on the selected input.

ValueDescriptionResult
MShort monthJan
FLong monthJanuary
mNumeric month01-12
nNon-padded numeric month1-12
YLong numeric year2015
dPadded numeric day01-31
jNon-Padded Numeric day1-31
DShort day-of-weekSun
lLong day-of-weekSunday
fx (default: true) If set to true, the picker will run an initial state animation and all user changes are animated. fx-mobile (default: true) Animations could be very slow on some older smartphones. To prevent this, set this option to false to disable animations on any mobile viewport. init-set (default: true) This option changes the input value automatically, by default. Set to false to prevent it. lang (default: English) Display Language to use for Month name and Day-of-week.
ValueResult
arArabic
itItalian
huHungarian
grGreek
esEspanol
daDansk
deDeutsch
nlDutch
frFrancais
plPolski
ptPortuguese
siSlovenian
ukUkrainian
ruRussian
trTurkish
koKorean
large-mode (default: false) This option enables to switch the size of the picker by clicking on the icon at the bottom or clicking on the day block. large-default (default: false) If "data-large-mode" is set to true, this option shows the large view by default. lock (default: false) This option sets the date limit based on the assigned variable. If you set to "from", you can't select a date earlier than the current date. Opposed to this behavior, if it's set to "to", you can not select a date after the current date. jump (default: 10) It groups years based on the value set(multiple). This option is enabled when you click on the year block, to accelerate the transition between years. maxYear (default: current year) The highest year that the control will allow. minYear (default: 1900) The lowest year that the control will allow. modal (default: false) If this option is set to true, the picker will be displayed centered, with a dark overlay in background. theme (default: null) Set the name of style that you have assigned on the stylesheet generated by the theme generator. translate-mode (default: false) If it's set to true, you can change the language by clicking on the icon at the bottom.
Release notes (4.0.0)

Upgraded to datedropper pro.

Reviews (0)
Category
User interface, Date, time & calendar
Tags
Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
Datedropper has no dependencies.
Application Objects
Datedropper has 2 AOs.
Team
Compatible with
Version 11
Database:
All
Asset consumers
No consumers yet.
Weekly downloads