jQuery Timepicker can parse the most used time representations allowing you and your users to enter time using their prefered way for writing it.
To use jQuery Timepicker you'll need to include two files: jquery.timepicker.min.js and jquery.timepicker.min.css. Then, assuming you have an <input> element in your document, with class timepicker, you can use the code on the right (or the code below, if you are reading on mobile) to initialize the plugin.
The plugin is available from different sources, choose the one that goes better with your project!
npm i jquery-timepicker
bower install jquery-timepicker-wvega --save