DrumJS is a jQuery animated date picker and values selector, styled as similar to iOS 7 UI.
jQuery animated date picker – DrumJS
This jQuery plugin allows us to replace a simple native HTML select with 3D cylinder as an alternate selector.
It allows to select a value by rotating the cylinder vertically with the mouse, or with touch gestures on mobile. The effect is similar to the iOS datepicker.
DrumJS appends a new DOM element to the HTML select element, which provides all the stuff for the 3D projection of a vertical roller, called the drum. The drum consists of a fixed amount of panels where each represends the content of one option from the HTML select element.
The highlighted item is the currently selected option of the HTML select element.
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.