Datedropper
Stable Version 3.0.0
Published on 14 March 2017 by 
Created on 28 December 2015
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.
What’s new (3.0.0)

Upgraded to v.3.0 of the jquery datedropper and all the new features.

The scripts are completely redesigned, so the input and some features changed. See the detailed description to know about the new inputs.

Reviews (0)
Category
Components, UI & Widgets, Mobile Plug-ins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Simão Moura who created this component.
Dependencies
Datedropper has no dependencies.
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
Datedropper has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
1006
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7360
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10696
More from Simão Moura
SecureLogin
Simão Moura
Secure Login, password change, two factor authentication and notifications
144
LoginSecurity
Simão Moura
Secure Login, password change, two factor authentication and notifications