The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Time and Date UI
In-line time and date selector, inserts five text boxes representing: hours, minutes, day, month and year. User can either type in time and date or use spinner style functionality using: up, down, plus or minus keys. User is unable to type in a time or date that doesn't exist, leap years are accounted for.
Any element can be used as place holder. The place holder will be hidden except in the case of labels and divs, where the control is inserted within.
The plugin currently supports European, American and International input formats. You can also decide whether to show Date and Time, Date only or Time only.
Examples:
$("input.date").timeDateUI(); //Initialise
var date = $("input.date").timeDateUI(); //Return entered date
$("input.date").timeDateUI("remove"); //Resets elements$("input.date").timeDateUI({ date: new Date() }); //Initialise with current date$("input.date").timeDateUI({ format: "int-r", show: "d" }); // Initialise with International input format (with time first) showing date only.The plugin also allows you to specify an alternate wrapper element and apply css styling to text boxes. Visual Studio 2008 Intellisense file is included.
Full Options List
- Name: remove, Type: Boolean, Default: false, Example: false
- Name: style, Type: Object, Default: null, Example: { width: "17px", border: "none" }
- Name: yearStyle, Type: Object, Default: null, Example: { width: "34px" }
- Name: date, Type: Date, Default: new Date(), Example: new Date()
- Name: format, Type: String, Default: "eur", Example: "eur"
- Name: show, Type: String, Default: "dt", Example: "dt"
- Name: monthType: String, Default: "d", Example: "d"
