The jQuery Datepicker is an essential and highly configurable plugin which adds the datepicker functionality to your pages for an enhanced user experience when building complex forms which require a date input. It allows you to customize the date format and language, restrict the selectable date ranges and implement buttons and other navigation options easily. Date formats are different and there is a potential risk that the data picked up is incorrect.
1. FlipClock.js
FlipClock.js is a jQuery plugin which replicates an effect by which to present anything related to time. It has support for working as a clock, countdown or timer and can be customized completely with CSS. There is an option for auto-start, multiple methods exist for controlling it (start, stop, getTime, setTime..) with their callbacks. Also, it has a full-featured API for extending the functionality further.
2. Pikaday
Pikaday is a standalone JavaScript datapicker which is small in size (<5kb) and can work well with Moment.js if advanced formatting is needed. The design of the picker can be easily customized with CSS (the default style already looks good) and offers “quick year switching”.
3. jQuery Countdown Plugin
The script allows us to set the countdown by mentioning a specific date-time or an offset. It is possible to use multiple instances on the same page, start-stop the timer and much more.
4. Smart Time Ago
Smart Time Ago, a jQuery plugin, converts any given timestamps into relative ones with a simple function. Best of all, it smartly keeps watching the timestamps on the loaded page and updates them itself automatically so that the readers always get the right relative timestamp.
5. jQuery Verbose Calendar
jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time. Once loaded, it auto-scrolls to “today” and displays the day names when hovered to any date in a tooltip. The calendar can be inserted into any HTML element with a single function, there are very few parameters to customize but a callback exists when a date is clicked which is great for adding extra interactions.
6. Timeglider
Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline. Its interface has support for zooming in/out (mouse wheel can be used too)and panning where you can quickly navigate through the time and find events. Events are clickable and can display a detailed view of them inside a modal box.
7. wdCalendar
wdCalendar is a jQuery plugin that enables us to create an event calendar that functions similar to the popular Google Calendar. With a drag’n drop interface and feature-rich API, it is possible to create, update or delete events easily. It has custom views for day, week or month where you can easily go to a selected date (also with the help of provided JS methods). Usually, multi-day events are complicated; however, wdCalendar handles them well.
8. jTrack
jTrack is a time tracking application that is built with jQuery and works without SQL, sessions or cookies. It rather uses the localStorage with the help of DOMCached and jquery-jsonplugins. The application enables you to add any number of tasks and starts tracking the time for each when a “start” button is clicked. jTrack is a pretty simple tracker which is suitable to be integrated into other applications or tracking the time in the most plain way.
9. Any+Time
Any+Time is a feature-rich jQuery plugin (has a PrototypeJS version too) for creating simple-to-advanced date and time pickers. It can work as a pop-up or an always present picker, can be set as a time or date only picker and supports: 12/24 hour clock, any custom date format, dat/time range limits, custom start day of the week, UTC offsets/time zones. Any+Time can be customized with custom labels and languages. Also, it can be styled completely via CSS or with the help of jQuery UI ThemeRoller. Using the plugin, you can easily convert dates to/from strings (including JSON and XML) and it supports multiple instances in a single page.
10. CalendarPicker
CalendarPicker is a jQuery plugin that enables us to create a good-looking and pretty original date picker. It displays a pre-defined amount of the next and previous days/months/years for a quick selection. Also, users can browse through the dates with mouse-wheel (uses the mouse wheel plugin) or the prev/next buttons.
