Alternative jquery timepicker for Office hours (D7)

Problem/Motivation

Is there any easy way to add jquery timepicker to replace tons of ugly dropdowns to something better looking and more user friendly?

Proposed resolution

For D8, a separate issue is created: #2625714: Alternative timepicker for Office hours (D8).
For D7, see these alternatives, as listed in #1240930: Alternatives to jQuery timepicker [meta/list] :

#3: http://jonthornton.github.io/jquery-timepicker/ "A jQuery timepicker plugin inspired by Google Calendar."
This is just a (sometimes very long) list of times.

#4: http://trentrichardson.com/examples/timepicker/ "Timepicker addon to jQuery UI Datepicker"
This includes a datepicker.

#5: http://fgelinas.com/code/timepicker/, as used in Lence-s sandbox: Field Timepicker.
Looks fine, but supports less options then #6: Timefield .

#6: http://fgelinas.com/code/timepicker/ , as used in The Time field module
Looks fine, the jquery supports #1647822: Widget Usability – Set default end time after entering start time , as well.

#7: https://www.drupal.org/sandbox/phoehne/2329615 Adds a complete Jquery widget.