jQRangeSlider is a powerful jQuery UI range selection slider that supports values and dates.
jQRangeSlider supports both numerical values and date/time and supports steps for both numerical and date values. Select values 5 by 5 or month by month, simply by changing an option.
jQRangeSlider is touch optimized, tested with iOS and Android. User can select a range simply by touching and swiping on his tablet or phone.
DateBox is a multi-mode date and time picker plugin for jQuery Mobile. It offers multiple data entry modes:
- Android style date picker
- Calendar style date picker
- Slide style date picker
- Flip Wheel style date or time picker
- 12 and 24 hour time picker
- Duration time picker
It comes with 4 different display modes, supports data-limiting of input and can be fully localized.
Simple is beautiful; it is fast and efficient – this is how I would introduce Continuous Calendar, a simple jQuery plugin for date range selection. Continuous Calendar allows you to select large or small date ranges from a simple calendar control in a single click.
The interface is just like a simple calendar control but with the ability to drag and select an entire data range easily. This is very practical and useful in scenarios where you have to specify a duration or date range quite often. Continuous Calendar allows to do it without requiring you to find and select start and end dates separately; you do it in a snap – simple and efficient.
- Date Dragging
- Range Expand with Shift + Mouse Click
- Display Current Date
- Allow Disabling of Dates
- Month and Week Select
This jQuery date plugin support for different date formats and supports popup.
The paradigm of web and UI design is changing rapidly to provide interactive and smooth user experience on touch-based devices. This changes not only the design patterns but also the user controls and screen objects. Those designed for ‘conventional’ machines and browsers are not really good for ‘new generation’ clients like iPad, tablets and other touch-enabled devices.
There is already a lot of development going on to provide alternative to existing screen objects and user controls that can be used for web applications and interfaces designed specifically for touch-based interfaces. Take the example of Mobiscroll.
Mobiscroll is a free jQuery plugin that provides date/time picker tool in a wheel scroller fashion for touchscreens.
Mobiscroll allows users to select date/time easily on a touch-based device in an interactive manner. It can be customized support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). The control is themable, comes with pre-defined, nice looking color schemes and you can easily change the appearance using CSS.
glDatePicker is a simple, customizable, lightweight date picker calendar plugin for jQuery weighing in just over 3.5KB compressed (8KB uncompressed).
This Free Date Picker jQuery Plugin allows multiple instances on one page and users can have different styles for every calendar plugin.
- Forward and backward navigation
- Current date highlight
- Restricting selection of dates outside of a range
- Restricting selection of dates beyond N-days from start date
Its very easy to use this Calendar System. Simply copy the entire calendar into whatever directory you want. Create your database and import the “databaseSQL.sql” file into it, this will create the default data for running it. And then, alter the “databaseConnection.php” file to show your connection details.
jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. It is compatible with jQuery 1.3.0.
jMonthCalendar has extension points that allow the developer to interact with the calendar when the display is about to change months, after the display has changed months and when the event bubbles are clicked on. By default the events would each have a URL supplied that would link to a details page.
- jQuery 1.3.0 Compatible
- Ability to Load events
- Configurable Extension points: onMonthChanging, onMonthChanged, onEventClick
- Events Link to Details Page by anchor tag by defult