TimeDropper-Ex is a jQuery plugin for fast visual and interactive time entry.

Requires jQuery 1.7.0+ (MIT LICENSE), MomentJS 2.9.0+ (MIT LICENSE)

Compatible Browsers:

• Google Chrome 40+
• Mozilla Firefox 30+
• Microsoft Edge
• Microsoft Internet Explorer 10+
• Opera 25+
• Safari 5+

Supports multi-language, you can choose a pre-defined language or set it to auto-detect mode.
You can also define new languages, refer to the translations module for example.

Easily customizeable colors and style to adopt to arbitrary theme.
Refer to the "Slate" delta CSS for example.

Interested in interactive date (range) entry? Checkout DateRange-Picker-Ex.

Interested in comprehensive datetime range entry? Checkout DateTimeRanger.

Installation

<link rel="stylesheet" type="text/css" href="dist/timedropper.min.css" />
<!-- Optional "Slate" color theme -->
<link rel="stylesheet" type="text/css" href="dist/timedropper.slate.delta.min.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="moment.min.js"></script>
<script type="text/javascript" src="dist/timedropper.min.js"></script>
<script type="text/javascript" src="dist/timedropper.lang.min.js"></script>

Demonstrations